import { Head, Link, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; type Brand = { id: number; name: string; slug: string; is_active: boolean }; export default function BrandForm({ brand }: { brand: Brand | null }) { const { data, setData, post, put, processing, errors } = useForm({ name: brand?.name ?? '', slug: brand?.slug ?? '', is_active: brand?.is_active ?? true, }); function submit(event: FormEvent) { event.preventDefault(); brand ? put(`/admin/brands/${brand.id}`) : post('/admin/brands'); } return ( <>

{brand ? 'Edit brand' : 'Create brand'}

setData('name', event.target.value)} /> setData('slug', event.target.value)} />
); } function Field({ label, error, children }: { label: string; error?: string; children: React.ReactNode }) { return ; } function Actions({ processing, back }: { processing: boolean; back: string }) { return
Cancel
; }