'use client';

import Image from 'next/image';
import Link from 'next/link';

import { MedReportLogo } from '@/components/med-report-title';

import { Button } from '@kit/ui/button';
import { Trans } from '@kit/ui/trans';

export default function CompanyRegistrationSuccess() {
  return (
    <div className="border-border rounded-3xl border px-16 pt-4 pb-12">
      <MedReportLogo />
      <div className="flex flex-col items-center px-4">
        <Image
          src="/assets/success.png"
          alt="Success"
          className="pt-6 pb-8"
          width={326}
          height={195}
        />
        <h1 className="pb-2">
          <Trans i18nKey="account:requestCompanyAccount:successTitle" />
        </h1>
        <p className="text-muted-foreground text-sm">
          <Trans i18nKey="account:requestCompanyAccount:successDescription" />
        </p>
      </div>
      <Button className="mt-8 w-full">
        <Link href="/">
          <Trans i18nKey="account:requestCompanyAccount:successButton" />
        </Link>
      </Button>
    </div>
  );
}