import { useTranslation } from "react-i18next";
import { I18nKey } from "#/i18n/declaration";
import { BrandButton } from "../brand-button";

export function InstallSlackAppAnchor() {
  const { t } = useTranslation();

  return (
    <div data-testid="install-slack-app-button" className="py-9">
      <BrandButton
        type="button"
        variant="primary"
        className="w-55"
        onClick={() =>
          window.open("/slack/install", "_blank", "noreferrer noopener")
        }
      >
        {t(I18nKey.SLACK$INSTALL_APP)}
      </BrandButton>
    </div>
  );
}