/components/input/password

import { input } from "@hedia/hexui/components/input";
import { lockOutlineIcon } from "@hedia/iconly/outline";

export default {
  Default,
};

export function Default() {
  return [
    input({
      leadingIcon: lockOutlineIcon(),
      minlength: 8,
      placeholder: "Password",
      required: true,
      type: "password",
    }),
    input({
      leadingIcon: lockOutlineIcon(),
      minlength: 8,
      placeholder: "Password",
      required: true,
      type: "password",
      passwordStrengthMeter: {
        hintText: "Password strength:",
        strengthText: {
          weak: "Weak",
          fair: "Fair",
          good: "Good",
          strong: "Strong",
        },
      },
    }),
    input({
      leadingIcon: lockOutlineIcon(),
      minlength: 8,
      placeholder: "Think of a great password",
      required: true,
      type: "password",
      passwordStrengthMeter: {
        hintText: "Security level:",
        strengthText: {
          weak: "Utterly terrible",
          fair: "Barely acceptable",
          good: "Getting there ...",
          strong: "YES! You did it!",
        },
      },
    }),
  ];
}