import { Head, useForm } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import { FormEventHandler } from 'react'; import InputError from '@/components/input-error'; 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 AuthLayout from '@/layouts/auth-layout'; interface RegisterForm { name: string; email: string; password: string; password_confirmation: string; } export default function Register() { const { data, setData, post, processing, errors, reset } = useForm({ name: '', email: '', password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('register'), { onFinish: () => reset('password', 'password_confirmation'), }); }; return (

Name setData('name', e.target.value)} disabled={processing} placeholder="Full name" />

Email address setData('email', e.target.value)} disabled={processing} placeholder="email@example.com" />

Password setData('password', e.target.value)} disabled={processing} placeholder="Password" />

Confirm password setData('password_confirmation', e.target.value)} disabled={processing} placeholder="Confirm password" />

Already have an account?{' '} Log in

); }