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>
  );
}