import type { Meta, StoryObj } from '@storybook/react';

import HighCharts from '@components/HighCharts/HighCharts';

const meta = {
    title: 'Aisera/HighCharts',
    component: HighCharts,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {},
} satisfies Meta<typeof HighCharts>;

export default meta;

type Story = StoryObj<typeof meta>;

export const PackedBubble: Story = {
    args: {
        title: 'Issue Types',
        chartType: 'packedbubble',
        allowChartUpdate: true,
        data: [
            {
                name: 'Provisionajkdsfasdf kasdkf askdf ',
                value: 92,
            },
            {
                name: 'Lockouts',
                value: 903323,
            },
            {
                name: 'Troubleshooting',
                value: 55006,
            },
            {
                name: 'Troubleshooting',
                value: 30006,
            },
            {
                name: 'FAQ',
                value: 10233,
            },
            {
                name: 'Misc',
                value: 300,
            },
        ],
        colours: [
            '#44C8F5',
            '#FF5D60',
            '#BD76FB',
            '#F87AA4',
            '#FF9900',
            '#3BDAB7',
            '#1B98E7',
            '#B5BE00',
            '#CD8500',
            '#7FFF00',
            '#FF6EC7',
        ],
    },
};

export const PackedBubble2: Story = {
    args: {
        title: 'Issue Types',
        chartType: 'packedbubble',
        allowChartUpdate: true,
        data: [
            {
                name: 'Provisionajkdsfasdf kasdkf askdf ',
                value: 2300,
            },
            {
                name: 'Lockouts',
                value: 1500,
            },
            {
                name: 'Troubleshooting',
                value: 1100,
            },
            {
                name: 'FAQ',
                value: 964,
            },
            {
                name: 'Misc',
                value: 300,
            },
        ],
        colours: [
            '#44C8F5',
            '#FF5D60',
            '#BD76FB',
            '#F87AA4',
            '#FF9900',
            '#3BDAB7',
            '#1B98E7',
            '#B5BE00',
            '#CD8500',
            '#7FFF00',
            '#FF6EC7',
        ],
    },
};

export const WordCloud: Story = {
    args: {
        title: 'Top Challenges',
        chartType: 'wordcloud',
        allowChartUpdate: true,
        data: [
            {
                name: 'Adobe Provisioning',
                count: 8,
            },
            {
                name: 'VM Provisioning',
                count: 6,
            },
            {
                name: 'VPN Troubleshooting',
                count: 6,
            },
            {
                name: 'Provision RDP',
                count: 2,
            },
            {
                name: 'O365 Provisioning',
                count: 6,
            },
            {
                name: 'Zoom Reset Password',
                count: 3,
            },
            {
                name: 'Printer Troubleshooting',
                count: 5,
            },
            {
                name: 'WIFI Access',
                count: 4,
            },
            {
                name: 'Login Troubleshooting',
                count: 6,
            },
            {
                name: 'Citrix Help',
                count: 6,
            },
            {
                name: 'Outlook Help',
                count: 5,
            },
            {
                name: 'Conference Room Setup',
                count: 4,
            },
        ],
        colours: [
            '#44C8F5',
            '#FF5D60',
            '#BD76FB',
            '#F87AA4',
            '#FF9900',
            '#3BDAB7',
            '#1B98E7',
            '#B5BE00',
            '#CD8500',
            '#7FFF00',
            '#FF6EC7',
        ],
    },
};

export const Bar: Story = {
    args: {
        title: 'Top Opportunities',
        chartType: 'bar',
        allowChartUpdate: true,
        data: [
            {
                name: 'Provision',
                value: 2300,
            },
            {
                name: 'Lockouts',
                value: 1500,
            },
            {
                name: 'Troubleshooting',
                value: 1100,
            },
            {
                name: 'FAQ',
                value: 964,
            },
            {
                name: 'Misc',
                value: 922,
            },
        ],
    },
};

export const MapBubble: Story = {
    args: {
        title: 'Locations',
        chartType: 'mapbubble',
        data: [
            {
                country: 'AFG',
                value: 2300,
            },
            {
                country: 'IND',
                value: 1500,
            },
            {
                country: 'ABW',
                value: 1100,
            },
            {
                country: 'IRL',
                value: 964,
            },
            {
                country: 'USA',
                value: 5000,
            },
            {
                country: 'NGA',
                value: 3000,
            },
            {
                country: 'ZAF',
                value: 4000,
            },
        ],
        colours: [
            '#44C8F5',
            '#FF5D60',
            '#BD76FB',
            '#F87AA4',
            '#FF9900',
            '#3BDAB7',
            '#1B98E7',
            '#B5BE00',
            '#CD8500',
            '#7FFF00',
            '#FF6EC7',
        ],
    },
};

export const PackedBubbleMonoColour: Story = {
    args: {
        title: 'Issue Types',
        chartType: 'packedbubble',
        allowChartUpdate: true,
        data: [
            {
                name: 'Provision',
                value: 2300,
            },
            {
                name: 'Lockouts',
                value: 1500,
            },
            {
                name: 'Troubleshooting',
                value: 1100,
            },
            {
                name: 'FAQ',
                value: 964,
            },
            {
                name: 'Misc',
                value: 922,
            },
        ],
        colours: [
            '#1E35AD',
            '#223CBF',
            '#2541D0',
            '#2F4BDA',
            '#405ADD',
            '#5269E0',
            '#6378E3',
            '#7487E7',
            '#8696EA',
            '#A8B4F0',
            '#CBD2F6',
            '#EEF0FC',
        ],
    },
};

export const WordCloudMonoColour: Story = {
    args: {
        title: 'Top Challenges',
        chartType: 'wordcloud',
        allowChartUpdate: true,
        data: [
            {
                name: 'Adobe Provisioning',
                count: 8,
            },
            {
                name: 'VM Provisioning',
                count: 6,
            },
            {
                name: 'VPN Troubleshooting',
                count: 6,
            },
            {
                name: 'Provision RDP',
                count: 3,
            },
            {
                name: 'O365 Provisioning',
                count: 6,
            },
            {
                name: 'Zoom Reset Password',
                count: 3,
            },
            {
                name: 'Printer Troubleshooting',
                count: 5,
            },
            {
                name: 'WIFI Access',
                count: 4,
            },
            {
                name: 'Login Troubleshooting',
                count: 6,
            },
            {
                name: 'Citrix Help',
                count: 6,
            },
            {
                name: 'Outlook Help',
                count: 5,
            },
            {
                name: 'Conference Room Setup',
                count: 4,
            },
            {
                name: 'Adobe Provisioning',
                count: 8,
            },
            {
                name: 'VM Provisioning',
                count: 6,
            },
            {
                name: 'VPN Troubleshooting',
                count: 6,
            },
            {
                name: 'Provision RDP',
                count: 3,
            },
            {
                name: 'O365 Provisioning',
                count: 6,
            },
            {
                name: 'Zoom Reset Password',
                count: 3,
            },
            {
                name: 'Printer Troubleshooting',
                count: 5,
            },
            {
                name: 'WIFI Access',
                count: 4,
            },
            {
                name: 'Login Troubleshooting',
                count: 6,
            },
            {
                name: 'Citrix Help',
                count: 6,
            },
            {
                name: 'Outlook Help',
                count: 5,
            },
            {
                name: 'Conference Room Setup',
                count: 4,
            },
            {
                name: 'Adobe Provisioning',
                count: 8,
            },
            {
                name: 'VM Provisioning',
                count: 6,
            },
            {
                name: 'VPN Troubleshooting',
                count: 6,
            },
            {
                name: 'Provision RDP',
                count: 3,
            },
            {
                name: 'O365 Provisioning',
                count: 6,
            },
            {
                name: 'Zoom Reset Password',
                count: 3,
            },
            {
                name: 'Printer Troubleshooting',
                count: 5,
            },
            {
                name: 'WIFI Access',
                count: 4,
            },
            {
                name: 'Login Troubleshooting',
                count: 6,
            },
            {
                name: 'Citrix Help',
                count: 6,
            },
            {
                name: 'Outlook Help',
                count: 5,
            },
            {
                name: 'Conference Room Setup',
                count: 4,
            },
            {
                name: 'Adobe Provisioning',
                count: 8,
            },
            {
                name: 'VM Provisioning',
                count: 6,
            },
            {
                name: 'VPN Troubleshooting',
                count: 6,
            },
            {
                name: 'Provision RDP',
                count: 3,
            },
            {
                name: 'O365 Provisioning',
                count: 6,
            },
            {
                name: 'Zoom Reset Password',
                count: 3,
            },
            {
                name: 'Printer Troubleshooting',
                count: 5,
            },
            {
                name: 'WIFI Access',
                count: 4,
            },
            {
                name: 'Login Troubleshooting',
                count: 6,
            },
            {
                name: 'Citrix Help',
                count: 6,
            },
            {
                name: 'Outlook Help',
                count: 5,
            },
            {
                name: 'Conference Room Setup',
                count: 4,
            },
        ],
        colours: [
            '#1E35AD',
            '#223CBF',
            '#2541D0',
            '#2F4BDA',
            '#405ADD',
            '#5269E0',
            '#6378E3',
            '#7487E7',
            '#8696EA',
            '#A8B4F0',
            '#CBD2F6',
            '#EEF0FC',
        ],
    },
};

export const MapBubbleMonoColour: Story = {
    args: {
        title: 'Locations',
        chartType: 'mapbubble',
        allowChartUpdate: true,
        data: [
            {
                country: 'AFG',
                value: 2300,
            },
            {
                country: 'IND',
                value: 1500,
            },
            {
                country: 'ABW',
                value: 1100,
            },
            {
                country: 'IRL',
                value: 964,
            },
            {
                country: 'USA',
                value: 5000,
            },
            {
                country: 'NGA',
                value: 3000,
            },
            {
                country: 'ZAF',
                value: 4000,
            },
            {
                country: 'CAN',
                value: 6000,
            },
        ],
        colours: [
            '#1E35AD',
            '#223CBF',
            '#2541D0',
            '#2F4BDA',
            '#405ADD',
            '#5269E0',
            '#6378E3',
            '#7487E7',
            '#8696EA',
            '#A8B4F0',
            '#CBD2F6',
            '#EEF0FC',
        ],
    },
};