import { useState, withHooks } from "@saasquatch/stencil-hooks";
import { useStencilbook } from "@saasquatch/stencilbook";
import { Component, h, Host, State } from "@stencil/core";
import * as NewPortal from "../../stories/NewPortal.stories";
import * as PortalTemplates from "../../stories/PortalTemplates.stories";
import * as PoweredByImg from "../../stories/PoweredByImg.stories";
import * as Widget from "../../stories/Widget.stories";
import * as BaseRegistrationForm from "../sqm-base-registration/BaseRegistrationForm.stories";
import * as BigStat from "../sqm-big-stat/BigStat.stories";
import * as UseBigStat from "../sqm-big-stat/UseBigStat.stories";
import * as BrandStories from "../sqm-brand/SqmBrand.stories";
import * as CardFeed from "../sqm-card-feed/CardFeed.stories";
import * as CheckboxField from "../sqm-checkbox-field/CheckboxField.stories";
import * as UseCheckboxField from "../sqm-checkbox-field/UseCheckboxField.stories";
import * as CloseButton from "../sqm-close-button/CloseButton.stories";
import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
import * as DividedLayout from "../sqm-divided-layout/DividedLayout.stories";
import * as DropdownField from "../sqm-dropdown-field/DropdownField.stories";
import * as UseDropdownField from "../sqm-dropdown-field/UseDropdownField.stories";
import * as EditProfile from "../sqm-edit-profile/EditProfileForm.stories";
import * as UseEditProfile from "../sqm-edit-profile/UseEditProfile.stories";
import * as EmptyState from "../sqm-empty/EmptyState.stories";
import * as FormMessage from "../sqm-form-message/FormMessage.stories";
import * as HeroImage from "../sqm-hero-image/HeroImage.stories";
import * as Hero from "../sqm-hero/Hero.stories";
import * as Image from "../sqm-image/Image.stories";
import * as InputField from "../sqm-input-field/InputField.stories";
import * as UseInputField from "../sqm-input-field/UseInputField.stories";
import * as InvoiceTable from "../sqm-invoice-table/InvoiceTable.stories";
import * as InvoiceTableCells from "../sqm-invoice-table/InvoiceTableCell.stories";
import * as UseInvoiceTableCells from "../sqm-invoice-table/UseInvoiceTable.stories";
import * as LeaderboardRank from "../sqm-leaderboard-rank/LeaderboardRank.stories";
import * as Leaderboard from "../sqm-leaderboard/Leaderboard.stories";
import * as UseLeaderboard from "../sqm-leaderboard/UseLeaderboard.stories";
import * as LinkButton from "../sqm-link-button/LinkButton.stories";
import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
import * as MarketingEmailsCheckbox from "../sqm-marketing-emails-checkbox/MarketingEmailsCheckbox.stories";
import * as NameFields from "../sqm-name-fields/NameFields.stories";
import * as SidebarItem from "../sqm-navigation-sidebar-item/SidebarItem.stories";
import * as NavigationSidebar from "../sqm-navigation-sidebar/NavigationSidebar.stories";
import * as Pagination from "../sqm-pagination/Pagination.stories";
import * as PasswordField from "../sqm-password-field/PasswordField.stories";
import * as PayoutButtonScroll from "../sqm-payout-button-scroll/PayoutButtonScroll.stories";
import * as ChangeMarketing from "../sqm-portal-change-marketing/ChangeMarketing.stories";
import * as ChangePassword from "../sqm-portal-change-password/ChangePassword.stories";
import * as PortalContainer from "../sqm-portal-container/PortalContainer.stories";
import * as PortalEmailVerification from "../sqm-portal-email-verification/PortalEmailVerification.stories";
import * as PortalFooter from "../sqm-portal-footer/PortalFooter.stories";
import * as PortalForgotPassword from "../sqm-portal-forgot-password/PortalForgotPassword.stories";
import * as PortalFrame from "../sqm-portal-frame/PortalFrame.stories";
import * as PortalGoogleRegistrationFormStories from "../sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories";
import * as PortalGoogleLoginFormStories from "../sqm-portal-google-login/GoogleLoginForm.stories";
import * as PortalLogin from "../sqm-portal-login/PortalLogin.stories";
import * as PortalProfile from "../sqm-portal-profile/PortalProfile.stories";
import * as PortalRegister from "../sqm-portal-register/PortalRegister.stories";
import * as NewPortalRegistrationForm from "../sqm-portal-registration-form/PortalRegistrationForm.stories";
import * as PortalResetPassword from "../sqm-portal-reset-password/PortalResetPassword.stories";
import * as PortalVerifyEmail from "../sqm-portal-verify-email/PortalVerifyEmail.stories";
import * as ProgramExplainerStep from "../sqm-program-explainer-step/ProgramExplainerStep.stories";
import * as ProgramExplainer from "../sqm-program-explainer/ProgramExplainer.stories";
import * as ProgramMenu from "../sqm-program-menu/ProgramMenu.stories";
import * as QRCode from "../sqm-qr-code/QRCode.stories";
import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
import * as ReferralCard from "../sqm-referral-card/ReferralCard.stories";
import * as ReferralCode from "../sqm-referral-code/ReferralCode.stories";
import * as ReferralCodes from "../sqm-referral-codes/ReferralCodes.stories";
import * as ReferralIframe from "../sqm-referral-iframe/ReferralIframe.stories";
import * as ReferralTable from "../sqm-referral-table/ReferralTable.stories";
import * as TaxAndCashReferralTable from "../sqm-referral-table/TaxAndCashReferralTable.stories";
import * as TaxAndCashReferralTableRewardsCell from "../sqm-referral-table/TaxAndCashReferralTableRewardsCell.stories";
import * as ReferralTableCell from "../sqm-referral-table/ReferralTableCell.stories";
import * as ReferralTableRewardsCell from "../sqm-referral-table/ReferralTableRewardsCell.stories";
import * as UseReferralTable from "../sqm-referral-table/UseReferralTable.stories";
import * as RewardExchangeList from "../sqm-reward-exchange-list/RewardExchangeList.stories";
import * as UseRewardExchangeList from "../sqm-reward-exchange-list/UseRewardExchangeList.stories";
import * as RewardsTable from "../sqm-rewards-table/RewardsTable.stories";
import * as TaxAndCashRewardsTable from "../sqm-rewards-table/TaxAndCashRewardsTable.stories";
import * as RewardsTableCell from "../sqm-rewards-table/RewardsTableCell.stories";
import * as TaxAndCashRewardsTableCell from "../sqm-rewards-table/TaxAndCashRewardsTableCell.stories";
import * as UseRewardsTable from "../sqm-rewards-table/UseRewardsTable.stories";
import * as Router from "../sqm-router/Router.stories";
import * as Scroll from "../sqm-scroll/Scroll.stories";
import * as ShareButton from "../sqm-share-button/ShareButton.stories";
import * as UseShareButton from "../sqm-share-button/UseShareButton.stories";
import * as ShareCode from "../sqm-share-code/ShareCode.stories";
import * as ShareLink from "../sqm-share-link/ShareLink.stories";
import * as UseShareLink from "../sqm-share-link/UseShareLink.stories";
import * as Tabs from "../sqm-tabs/Tabs.stories";
import * as TaskCard from "../sqm-task-card/TaskCard.stories";
import * as UseTaskCard from "../sqm-task-card/UseTaskCard.stories";
import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
import * as Text from "../sqm-text/Text.stories";
import * as Timeline from "../sqm-timeline/Timeline.stories";
import * as TitledSection from "../sqm-titled-section/TitledSection.stories";
import * as UserName from "../sqm-user-name/UserName.stories";
import * as WidgetCodeVerification from "../sqm-widget-verification/sqm-code-verification/WidgetCodeVerification.stories";
import * as WidgetEmailVerification from "../sqm-widget-verification/sqm-email-verification/WidgetEmailVerification.stories";
import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
import * as TaxForm from "../tax-and-cash/TaxForm.stories";
import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
import * as PayoutStatusAlert from "../tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories";
import * as TaxFormSlots from "../tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories";
import * as EmailRegistration from "../views/EmailRegistration.stories";
import * as LeadForm from "../sqm-lead-form/LeadForm.stories";
import * as LeadInputField from "../sqm-lead-form/LeadInputField.stories";
import * as LeadFormDropdownField from "../sqm-lead-form/LeadFormDropdownField.stories";
import * as LeadCheckboxField from "../sqm-lead-form/LeadCheckboxField.stories";
import * as Skeleton from "../sqm-skeleton/Skeleton.stories";
import * as UserInfoFormView from "../tax-and-cash/sqm-user-info-form/UserInfoFormView.stories";
import { ShadowViewAddon } from "../../ShadowViewAddon";
import { CucumberAddon } from "./CucumberAddon";
import { HookStoryAddon } from "./HookStoryAddon";
import * as Themes from "./Themes";
const stories = [
  UserInfoFormView,
  InvoiceTable,
  InvoiceTableCells,
  UseInvoiceTableCells,
  ShareButton,
  Pagination,
  ShareLink,
  BigStat,
  Leaderboard,
  EmptyState,
  LeaderboardRank,
  UseShareLink,
  UseShareButton,
  UseBigStat,
  UseEditProfile,
  UseLeaderboard,
  UseCheckboxField,
  UseDropdownField,
  UseInputField,
  Router,
  PortalFrame,
  EditProfile,
  FormMessage,
  NewPortal,
  SidebarItem,
  NavigationSidebar,
  PortalLogin,
  PortalRegister,
  PortalForgotPassword,
  PortalEmailVerification,
  PortalResetPassword,
  PortalVerifyEmail,
  DividedLayout,
  ChangePassword,
  PortalProfile,
  ReferralTable,
  ReferralTableCell,
  ReferralTableRewardsCell,
  UserName,
  PasswordField,
  TaskCard,
  PortalTemplates,
  Widget,
  ProgramMenu,
  PoweredByImg,
  PortalFooter,
  Hero,
  ReferralIframe,
  NameFields,
  CheckboxField,
  MarketingEmailsCheckbox,
  DropdownField,
  InputField,
  RewardExchangeList,
  UseRewardExchangeList,
  UseTaskCard,
  UseRewardsTable,
  ProgramExplainer,
  ProgramExplainerStep,
  BrandStories,
  CardFeed,
  PortalContainer,
  RewardsTableCell,
  RewardsTable,
  UseReferralTable,
  HeroImage,
  ReferralCard,
  Timeline,
  Image,
  TitledSection,
  Scroll,
  Tabs,
  ShareCode,
  CouponCode,
  ReferralCode,
  ReferralCodes,
  LogoutCurrentUser,
  LinkButton,
  EmailRegistration,
  CloseButton,
  TaxForm,
  RadioCard,
  ProgressBar,
  TaxFormSlots,
  PayoutDetailsCard,
  BankingInfoForm,
  NewPortalRegistrationForm,
  ChangeMarketing,
  BaseRegistrationForm,
  PortalGoogleRegistrationFormStories,
  PortalGoogleLoginFormStories,
  WidgetEmailVerification,
  WidgetCodeVerification,
  PayoutButtonScroll,
  PayoutStatusAlert,
  QRCode,
  Text,
  LeadForm,
  LeadInputField,
  LeadFormDropdownField,
  LeadCheckboxField,
  Skeleton,
  TaxAndCashRewardsTableCell,
  TaxAndCashRewardsTable,
  TaxAndCashReferralTableRewardsCell,
  TaxAndCashReferralTable,
];
/**
 * For internal documentation
 *
 * @undocumented
 */
export class StencilStorybook {
  constructor() {
    this.ignored = true;
    withHooks(this);
  }
  disconnectedCallback() { }
  render() {
    const { class: Style, children } = useStencilbook(stories, {
      h,
      title: "Mint Components",
      addons: [HookStoryAddon, ShadowViewAddon, CucumberAddon],
    });
    const [selectedTheme, setSelected] = useState("Default");
    const [checkerboard, setCheckerboard] = useState(true);
    const themes = Object.keys(Themes);
    const theme = Themes[selectedTheme];
    return (h(Host, { class: Style, onClick: {} },
      h("sqm-brand-selector", null),
      children));
  }
  static get is() { return "sqm-stencilbook"; }
  static get states() { return {
    "ignored": {}
  }; }
}
function ColorScale() {
  return (h("span", null,
    h(ColorToken, null),
    h(ColorToken, { type: "success" }),
    h(ColorToken, { type: "warning" }),
    h(ColorToken, { type: "danger" }),
    h(ColorToken, { type: "neutral" })));
}
function ColorToken({ type = "primary" }) {
  return (h("span", { style: {
      width: "1em",
      marginRight: "2px",
      padding: "0 4px",
    }, title: type }, type.charAt(0)));
}
