import { AffiliationFrame, AffiliationHeader, AffiliatePanel } from "@/components/affiliation/affiliation-ui";
import { AffiliateLoginForm } from "@/components/affiliation/affiliation-auth";

export default function AffiliationLoginPage() {
  return (
    <AffiliationFrame>
      <AffiliationHeader compact />
      <main className="mx-auto grid min-h-[calc(100vh-3.5rem)] max-w-[460px] place-items-center px-4 py-6">
        <AffiliatePanel className="w-full p-4">
          <div className="mb-4">
            <div className="text-[11px] font-bold uppercase text-felt">Connexion affilié</div>
            <h1 className="mt-1 text-xl font-extrabold text-white">Accéder au dashboard</h1>
          </div>
          <AffiliateLoginForm />
        </AffiliatePanel>
      </main>
    </AffiliationFrame>
  );
}