File size: 1,352 Bytes
867b17d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
import Form from 'next/form';
import { Input } from './ui/input';
import { Label } from './ui/label';
export function AuthForm({
action,
children,
defaultEmail = '',
}: {
action: NonNullable<
string | ((formData: FormData) => void | Promise<void>) | undefined
>;
children: React.ReactNode;
defaultEmail?: string;
}) {
return (
<Form action={action} className="flex flex-col gap-4 px-4 sm:px-16">
<div className="flex flex-col gap-2">
<Label
htmlFor="email"
className="text-zinc-600 font-normal dark:text-zinc-400"
>
Email Address
</Label>
<Input
id="email"
name="email"
className="bg-muted text-md md:text-sm"
type="email"
placeholder="user@acme.com"
autoComplete="email"
required
autoFocus
defaultValue={defaultEmail}
/>
</div>
<div className="flex flex-col gap-2">
<Label
htmlFor="password"
className="text-zinc-600 font-normal dark:text-zinc-400"
>
Password
</Label>
<Input
id="password"
name="password"
className="bg-muted text-md md:text-sm"
type="password"
required
/>
</div>
{children}
</Form>
);
}
|