import {
  InputOTP,
  InputOTPGroup,
  InputOTPSlot,
} from "@/components/ui/component";

export default function InputOTPInvalid() {
  return (
    <div className="flex flex-col items-center gap-2">
      <InputOTP aria-invalid aria-label="Verification code" maxLength={6}>
        <InputOTPGroup>
          <InputOTPSlot index={0} aria-invalid />
          <InputOTPSlot index={1} aria-invalid />
          <InputOTPSlot index={2} aria-invalid />
          <InputOTPSlot index={3} aria-invalid />
          <InputOTPSlot index={4} aria-invalid />
          <InputOTPSlot index={5} aria-invalid />
        </InputOTPGroup>
      </InputOTP>
    </div>
  );
}