spb/rareindex

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