"use client";

import OtpInput from "react-otp-input";

interface Props {
  value: string;
  onChange: (otp: string) => void;
}

export default function OtpInputBox({
  value,
  onChange,
}: Props) {
  return (
    <OtpInput
      value={value}
      onChange={onChange}
      numInputs={6}
      shouldAutoFocus
      containerStyle="otp-container"
      inputStyle="otp-input"
      renderInput={(props) => <input {...props} />}
    />
  );
}