import CreditUsageChart from "../components/CreditUsageChart";
import { TimeFrame } from "../components/CreditUsageChart";
const meta = {
    title: "Charts/CreditUsageChart",
    component: CreditUsageChart,
};
export default meta;
const sampleData = {
    [TimeFrame.Last7Days]: [
        {
            label: "Day 1",
            personalEmailCount: 1000,
            personalPhoneCount: 0,
            workPhoneCount: 1000,
        },
        {
            label: "Day 2",
            personalEmailCount: 1200,
            personalPhoneCount: 1200,
            workPhoneCount: 1200,
        },
        {
            label: "Day 3",
            personalEmailCount: 900,
            personalPhoneCount: 900,
            workPhoneCount: 900,
        },
        {
            label: "Day 4",
            personalEmailCount: 1100,
            personalPhoneCount: 1100,
            workPhoneCount: 1100,
        },
        {
            label: "Day 5",
            personalEmailCount: 1300,
            personalPhoneCount: 1300,
            workPhoneCount: 1300,
        },
        {
            label: "Day 6",
            personalEmailCount: 1250,
            personalPhoneCount: 1250,
            workPhoneCount: 1250,
        },
        {
            label: "Day 7",
            personalEmailCount: 1400,
            personalPhoneCount: 1400,
            workPhoneCount: 1400,
        },
    ],
    [TimeFrame.LastMonth]: [
        {
            label: "Week 1",
            personalEmailCount: 4000,
            personalPhoneCount: 4000,
            workPhoneCount: 4000,
        },
        {
            label: "Week 2",
            personalEmailCount: 5000,
            personalPhoneCount: 5000,
            workPhoneCount: 5000,
        },
        {
            label: "Week 3",
            personalEmailCount: 4500,
            personalPhoneCount: 4500,
            workPhoneCount: 4500,
        },
        {
            label: "Week 4",
            personalEmailCount: 4800,
            personalPhoneCount: 4800,
            workPhoneCount: 4800,
        },
    ],
    [TimeFrame.Last3Months]: [
        {
            label: "Jan",
            personalEmailCount: 12000,
            personalPhoneCount: 12000,
            workPhoneCount: 12000,
        },
        {
            label: "Feb",
            personalEmailCount: 13000,
            personalPhoneCount: 13000,
            workPhoneCount: 13000,
        },
        {
            label: "Mar",
            personalEmailCount: 12500,
            personalPhoneCount: 12500,
            workPhoneCount: 12500,
        },
    ],
    [TimeFrame.Last6Months]: [
        {
            label: "Oct",
            personalEmailCount: 10000,
            personalPhoneCount: 10000,
            workPhoneCount: 10000,
        },
        {
            label: "Nov",
            personalEmailCount: 9500,
            personalPhoneCount: 9500,
            workPhoneCount: 9500,
        },
        {
            label: "Dec",
            personalEmailCount: 11000,
            personalPhoneCount: 11000,
            workPhoneCount: 11000,
        },
        {
            label: "Jan",
            personalEmailCount: 12000,
            personalPhoneCount: 12000,
            workPhoneCount: 12000,
        },
        {
            label: "Feb",
            personalEmailCount: 13000,
            personalPhoneCount: 13000,
            workPhoneCount: 13000,
        },
        {
            label: "Mar",
            personalEmailCount: 12500,
            personalPhoneCount: 12500,
            workPhoneCount: 12500,
        },
    ],
    [TimeFrame.LastYear]: [
        {
            label: "Q1",
            personalEmailCount: 30000,
            personalPhoneCount: 30000,
            workPhoneCount: 30000,
        },
        {
            label: "Q2",
            personalEmailCount: 35000,
            personalPhoneCount: 35000,
            workPhoneCount: 35000,
        },
        {
            label: "Q3",
            personalEmailCount: 32000,
            personalPhoneCount: 32000,
            workPhoneCount: 32000,
        },
        {
            label: "Q4",
            personalEmailCount: 37000,
            personalPhoneCount: 37000,
            workPhoneCount: 37000,
        },
    ],
};
export const Past7Days = {
    args: {
        title: "Credit Usage - Past 7 Days",
        selectedTimeFrame: TimeFrame.Last7Days,
        creditUsageData: sampleData[TimeFrame.Last7Days],
        isLoading: false,
        isError: false,
        setSelectedTimeFrame: (timeFrame) => alert(`Time Frame Selected: ${timeFrame}`),
    },
};
export const PastMonth = {
    args: {
        title: "Credit Usage - Past Month",
        selectedTimeFrame: TimeFrame.LastMonth,
        creditUsageData: sampleData[TimeFrame.LastMonth],
        isLoading: false,
        isError: false,
        setSelectedTimeFrame: (timeFrame) => alert(`Time Frame Selected: ${timeFrame}`),
    },
};
export const Past3Months = {
    args: {
        title: "Credit Usage - Past 3 Months",
        selectedTimeFrame: TimeFrame.Last3Months,
        creditUsageData: sampleData[TimeFrame.Last3Months],
        isLoading: false,
        isError: false,
        setSelectedTimeFrame: (timeFrame) => alert(`Time Frame Selected: ${timeFrame}`),
    },
};
export const Past6Months = {
    args: {
        title: "Credit Usage - Past 6 Months",
        selectedTimeFrame: TimeFrame.Last6Months,
        creditUsageData: sampleData[TimeFrame.Last6Months],
        isLoading: false,
        isError: false,
        setSelectedTimeFrame: (timeFrame) => alert(`Time Frame Selected: ${timeFrame}`),
    },
};
export const Past1Year = {
    args: {
        title: "Credit Usage - Past 1 Year",
        selectedTimeFrame: TimeFrame.LastYear,
        creditUsageData: sampleData[TimeFrame.LastYear],
        isLoading: false,
        isError: false,
        setSelectedTimeFrame: (timeFrame) => alert(`Time Frame Selected: ${timeFrame}`),
    },
};
export const Loading = {
    args: {
        ...PastMonth.args,
        isLoading: true,
    },
};
export const ErrorState = {
    args: {
        ...PastMonth.args,
        isError: true,
    },
};
