/components/input/verification-input

import { verificationInput } from "@hedia/hexui/components/verification-input";

export default {
  Default,
  WithError,
  Disabled,
};

export function Default() {
  return [
    verificationInput({
      label: "Verification Code",
      name: "verification-code",
    }),
    verificationInput({
      label: "4-Digit Code",
      length: 4,
      name: "verification-code-4digit",
    }),
  ];
}

export function WithError() {
  return verificationInput({
    error: true,
    errorText: "Invalid code. Please try again.",
    label: "Verification Code",
    name: "verification-code-error",
    value: "123456",
  });
}

export function Disabled() {
  return verificationInput({
    disabled: true,
    label: "Verification Code",
    name: "verification-code-disabled",
  });
}