import React from 'react';

import { MedReportLogo } from '@kit/shared/components/med-report-logo';
import { Trans } from '@kit/ui/trans';

import { withI18n } from '~/lib/i18n/with-i18n';

import CompanyOfferForm from './_components/company-offer-form';

function CompanyOffer() {
  return (
    <div className="border-border flex max-w-5xl flex-row overflow-hidden rounded-3xl border">
      <div className="flex flex-col px-12 py-14 text-center md:w-1/2">
        <MedReportLogo />
        <h1 className="pt-8">
          <Trans i18nKey={'account:requestCompanyAccount:title'} />
        </h1>
        <p className="text-muted-foreground pt-2 text-sm">
          <Trans i18nKey={'account:requestCompanyAccount:description'} />
        </p>
        <CompanyOfferForm />
      </div>
      <div className="hidden w-1/2 min-w-[460px] bg-[url(/assets/med-report-logo-big.png)] bg-cover bg-center bg-no-repeat md:block"></div>
    </div>
  );
}

export default withI18n(CompanyOffer);
