import { h } from "@stencil/core";
export default {
  title: "Components/Payout Status Alert",
};
const defaultProps = {
  error: false,
  status: "INFORMATION_REQUIRED",
  loading: false,
  veriffLoading: false,
};
export const InformationRequired = () => (h("sqm-payout-status-alert", { demoData: { states: defaultProps } }));
export const VerifyIdentity = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:REQUIRED" } } }));
export const VerifyIdentityRequiredInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:INTERNAL" } } }));
export const VerifyIdentityReviewInternal = () => (h("sqm-payout-status-alert", { demoData: {
    states: {
      ...defaultProps,
      status: "VERIFICATION:REVIEW",
    },
  } }));
export const VerifyIdentityFailedInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:FAILED" } } }));
export const W9ThresholdReached = () => (h("sqm-payout-status-alert", { demoData: {
    states: {
      ...defaultProps,
      enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
      status: "OVER_W9_THRESHOLD",
    },
  } }));
export const Hold = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "HOLD" } } }));
export const Loading = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, loading: true } } }));
export const Error = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, error: true } } }));
export const NewPayeeReview = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "NEW_PAYEE_REVIEW" } } }));
export const PaymentHoldOnChange = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
export const BeneficiaryNameInvalid = () => (h("sqm-payout-status-alert", { demoData: {
    states: { ...defaultProps, status: "BENEFICIARY_NAME_INVALID" },
  } }));
export const BeneficiaryNameMismatch = () => (h("sqm-payout-status-alert", { demoData: {
    states: { ...defaultProps, status: "BENEFICIARY_NAME_MISMATCH" },
  } }));
export const BankTaxNameMismatch = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "BANK_TAX_NAME_MISMATCH" } } }));
export const WithdrawalSettingsInvalid = () => (h("sqm-payout-status-alert", { demoData: {
    states: { ...defaultProps, status: "WITHDRAWAL_SETTINGS_INVALID" },
  } }));
export const PaymentReturned = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "PAYMENT_RETURNED" } } }));
