import { h } from "@stencil/core";
import { GenericTableView } from "../../tables/GenericTableView";
import { Converted as ConvertedStatus, DateCell, } from "./ReferralTableCell.stories";
import { PayoutApproved, PayoutProcessing, PayoutFailed, PayoutCancelled, PendingTaxReview, PendingNewTaxForm, PendingTaxSubmission, PendingPartnerCreation, PendingW9, CashReward, } from "./TaxAndCashReferralTableRewardsCell.stories";
export default {
  title: "Components/Tax And Cash Referral Table",
};
const taxAndCashTableProps = {
  states: {
    hasPrev: false,
    hasNext: true,
    show: "rows",
    namespace: "sqm-referral-table",
  },
  data: {
    textOverrides: {
      showLabels: true,
      prevLabel: "Prev",
      moreLabel: "View More",
    },
    hiddenColumns: "",
    mdBreakpoint: 799,
    smBreakpoint: 599,
  },
  callbacks: {
    prevPage: () => console.log("Prev"),
    nextPage: () => console.log("Next"),
  },
  elements: {
    columns: ["Customer", "Status", "Date converted", "Rewards"],
    rows: [
      [
        h("sqm-referral-table-user-cell", { name: "Payout Approved User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PayoutApproved, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Payout Failed User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PayoutFailed, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Payout Cancelled User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PayoutCancelled, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Tax Review User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PendingTaxReview, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Payout Processing User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PayoutProcessing, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "New Tax Form User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PendingNewTaxForm, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Tax Submission User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PendingTaxSubmission, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Partner Creation User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PendingPartnerCreation, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Missing W9 User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(PendingW9, null),
      ],
      [
        h("sqm-referral-table-user-cell", { name: "Standard Cash User" }),
        h(ConvertedStatus, null),
        h(DateCell, null),
        h(CashReward, null),
      ],
    ],
  },
};
export const TaxAndCashReferralTable = () => {
  return h(GenericTableView, Object.assign({}, taxAndCashTableProps));
};
