Password FieldProv1.0.0

"use client";

import * as React from "react";
import { PasswordField } from "@/components/ui/notchset/password-field";

export function SignInPassword({ signIn }: { signIn: (password: string) => Promise<boolean> }) {
  const [password, setPassword] = React.useState("");
  const [error, setError] = React.useState<string | undefined>();
  const [attempts, setAttempts] = React.useState(0);
  return (
    <form
      onSubmit={async (e) => {
        e.preventDefault();
        if (await signIn(password)) return;
        setError("That password doesn't match.");
        setAttempts((a) => a + 1);
      }}
    >
      <PasswordField value={password} onValueChange={setPassword} error={error} shake={attempts} forgotHref="/reset" />
    </form>
  );
}