1'use client';23import { useActionState } from 'react';4import { deleteAccountAction } from '@/lib/auth/account-actions';5import { idle } from '@/lib/auth/state';6import { Field, FormMessage, SubmitButton, TextInput } from '@/components/account/form';78export function DeleteAccountForm() {9 const [state, action] = useActionState(deleteAccountAction, idle);10 return (11 <form action={action} className="space-y-3" noValidate>12 <FormMessage state={state} />13 <Field label="Password" name="password">14 <TextInput name="password" type="password" autoComplete="current-password" required />15 </Field>16 <Field label="Type DELETE to confirm" name="confirm">17 <TextInput name="confirm" autoComplete="off" required placeholder="DELETE" />18 </Field>19 <SubmitButton variant="danger" pendingText="Deleting…">20 Delete my account21 </SubmitButton>22 </form>23 );24}25