33 lines
730 B
TypeScript
33 lines
730 B
TypeScript
export interface Props {
|
|
email: string;
|
|
error?: string;
|
|
}
|
|
|
|
export function SignInForm(props: Props) {
|
|
return (
|
|
<form method="post" class="flex flex-col gap-4">
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
class="input w-full"
|
|
placeholder="E-Mail"
|
|
autocomplete="email"
|
|
value={props.email}
|
|
/>
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
class="input w-full"
|
|
placeholder="Password"
|
|
autocomplete="current-password"
|
|
/>
|
|
{props.error && (
|
|
<div class="alert alert-error">
|
|
{props.error}
|
|
</div>
|
|
)}
|
|
<button type="submit" class="btn btn-primary self-start">Sign up</button>
|
|
</form>
|
|
);
|
|
}
|