import { h } from "@stencil/core";
export default {
  title: "Components/Microsite Password Field",
};
export const Start = () => {
  return (h("sqm-password-field", { demoData: {
      initValue: "",
      states: {
        enableValidation: true,
        registrationFormState: {
          validationErrors: {},
        },
        content: {
          fieldLabel: "Password",
        },
      },
    } }));
};
export const EmptyError = () => {
  return (h("sqm-password-field", { demoData: {
      initValue: "",
      states: {
        enableValidation: true,
        registrationFormState: {
          validationErrors: { password: "Cannot be empty" },
        },
        content: {
          fieldLabel: "Password",
        },
      },
    } }));
};
export const ValidationError = () => {
  return (h("sqm-password-field", { demoData: {
      initValue: "asdf",
      states: {
        enableValidation: true,
        registrationFormState: {
          validationErrors: { password: "Incomplete" },
        },
        content: {
          fieldLabel: "Password",
        },
      },
    } }));
};
