import { Form, Head, setLayoutProps } from '@inertiajs/react'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { login } from '@/routes'; import { store } from '@/routes/register'; import { useI18n } from '@/lib/i18n'; import { useMemo } from 'react'; type Props = { passwordRules: string; }; export default function Register({ passwordRules }: Props) { const { t } = useI18n(); const referralCode = useMemo(() => { if (typeof window === 'undefined') return ''; return new URLSearchParams(window.location.search).get('ref')?.trim() ?? ''; }, []); setLayoutProps({ title: t("auth.register_title", "Create an account"), description: t("auth.register_description", "Enter your details below to create your account") }); return ( <>

{({ processing, errors }) => ( <> {referralCode && ( )}

{t("auth.name", "Name")}

{t("auth.email", "Email address")}

{t("auth.password", "Password")}

{t("Confirm password")}

{t("Already have an account?")}{' '} {t("Log in")}

)}

); }