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

export default function AffiliationRegisterPage() {
  return (
    <AffiliationFrame>
      <AffiliationHeader compact />
      <main className="mx-auto grid min-h-[calc(100vh-3.5rem)] max-w-[640px] 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">Inscription affilié</div>
            <h1 className="mt-1 text-xl font-extrabold text-white">Créer votre compte affiliation</h1>
            <p className="mt-2 text-xs leading-5 text-slate-500">Votre compte sera examiné avant activation des liens de tracking.</p>
          </div>
          <AffiliateRegisterForm />
        </AffiliatePanel>
      </main>
    </AffiliationFrame>
  );
}