import { getTranslations } from "next-intl/server";

import { FreeChatActivatedButton } from "@/components/domains/retaining/free-chat-activated";
import { Typography } from "@/components/ui";

import styles from "./page.module.scss";

export default async function FreeChatActivated() {
  const t = await getTranslations("FreeChatActivated");

  return (
    <div className={styles.container}>
      <Typography as="h1" weight="semiBold" className={styles.title}>
        {t("title")}
      </Typography>
      <span className={styles.icon}>{t("icon")}</span>
      <FreeChatActivatedButton />
      <Typography as="p" className={styles.description}>
        {t("description")}
      </Typography>
    </div>
  );
}
