import { Card } from "@/components/ui/card";
import { TbCircleCheckFilled } from "react-icons/tb";
import { getTranslations } from "next-intl/server";

interface SuccessMessageCardProps {
  isTrial?: boolean;
}

export default async function SuccessMessageCard({
  isTrial = false,
}: SuccessMessageCardProps) {
  const t = await getTranslations("SuccessPage");

  return (
    <Card className="gap-5">
      <div className="flex items-center gap-2.5">
        <span className="mt-1 sm:mt-2 flex items-center justify-center">
          <TbCircleCheckFilled className="text-[24px] sm:text-[32px] text-success-lighter" />
        </span>
        <span className="text-[20px] sm:text-[32px] font-bold text-success-lighter">
          {isTrial ? t("trialTitle") : t("title")}
        </span>
      </div>
      <div className="text-[14px] sm:text-[20px] font-bold">
        <p>{isTrial ? t("trialDescription1") : t("description1")}</p>
        <p>{isTrial ? t("trialDescription2") : t("description2")}</p>
      </div>
    </Card>
  );
}