import { h } from "@stencil/core";
export default {
  title: "Components/Widget Code Verification",
};
const defaultProps = {
  initialiseLoading: false,
  email: "testemail@example.com",
  loading: false,
  verifyFailed: false,
  emailResent: false,
};
export const Default = () => (h("sqm-code-verification", { demoData: { states: defaultProps } }));
export const InitialLoading = () => (h("sqm-code-verification", { demoData: {
    states: {
      ...defaultProps,
      initialiseLoading: true,
    },
  } }));
export const Loading = () => (h("sqm-code-verification", { demoData: {
    states: {
      ...defaultProps,
      loading: true,
    },
  } }));
export const CodeResent = () => (h("sqm-code-verification", { demoData: {
    states: {
      ...defaultProps,
      emailResent: true,
    },
  } }));
export const VerificationFailed = () => (h("sqm-code-verification", { demoData: {
    states: {
      ...defaultProps,
      verifyFailed: true,
    },
  } }));
