import { Button } from 'components/common';
import { Input } from 'components/inputs';
import { SubmitRegister } from './types';

export type ChallengeFormValues = {
  password: string;
  confirmPassword: string;
};

export const CompleteChallengeForm = ({
  submit,
  register,
}: SubmitRegister<ChallengeFormValues>) => {
  return (
    <form className="spacingY2" onSubmit={submit}>
      <Input
        placeholder="New password"
        type="password"
        {...register('password')}
        required
      />
      <Input
        placeholder="Confirm password"
        type="password"
        {...register('confirmPassword')}
        required
      />
      <Button size="l" block type="submit" onClick={submit}>
        Change password and sign in
      </Button>
    </form>
  );
};