import { h } from "@stencil/core";
export default {
  title: "Components/Microsite Google Login",
};
const demoProps = {
  states: {
    error: "",
    loading: false,
    forgotPasswordPath: "/forgotPassword",
    registerPath: "/register",
    showLoginForm: "manual",
  },
  callbacks: {
    googleSubmit: async () => {
      console.log("google submit");
    },
    submit: async (_event) => {
      console.log("submit");
    },
  },
  content: {
    googleButton: null,
  },
};
export const Default = () => {
  return h("sqm-portal-google-login", null);
};
export const WithError = () => {
  return (h("sqm-portal-google-login", { demoData: {
      states: { ...demoProps.states, error: "This is an error message" },
    } }));
};
export const Loading = () => {
  return (h("sqm-portal-google-login", { demoData: {
      states: { ...demoProps.states, loading: true },
    } }));
};
