import * as __WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__ from "./ColumnSelect.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
const meta = {
    title: 'Components/Inputs/ColumnSelect',
    component: __WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"]
};
/* ESM default export */ const ColumnSelect_stories_rslib_entry_ = meta;
const tiers = [
    {
        tier: '1',
        maxWrite: '20 MBps',
        maxRead: '60 MBps'
    },
    {
        tier: '2',
        maxWrite: '50 MBps',
        maxRead: '150 MBps'
    },
    {
        tier: '3',
        maxWrite: '100 MBps',
        maxRead: '200 MBps'
    },
    {
        tier: '4',
        maxWrite: '200 MBps',
        maxRead: '400 MBps'
    },
    {
        tier: '5',
        maxWrite: '400 MBps',
        maxRead: '800 MBps'
    },
    {
        tier: '6',
        maxWrite: '1 GBps',
        maxRead: '1 GBps'
    },
    {
        tier: '7',
        maxWrite: '3 GBps',
        maxRead: '3 GBps'
    },
    {
        tier: '8',
        maxWrite: '5 GBps',
        maxRead: '5 GBps'
    },
    {
        tier: '9',
        maxWrite: '7 GBps',
        maxRead: '7 GBps'
    }
];
const customOptions = tiers.map(({ tier, maxWrite, maxRead })=>({
        label: tier,
        value: tier,
        tier,
        maxWrite,
        maxRead
    }));
const Default = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions,
        headerColumns: [
            'Tier',
            'Max write',
            'Max read'
        ],
        singleValueText: {
            tier: 'Tier',
            maxWrite: 'max write',
            maxRead: 'max read'
        }
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
const WithFooter = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions.slice(0, 5),
        headerColumns: [
            'Tier',
            'Max write',
            'Max read'
        ],
        singleValueText: {
            tier: 'Tier',
            maxWrite: 'max write',
            maxRead: 'max read'
        },
        footer: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            fontWeight: "400",
            lineHeight: "130%",
            color: "gray.500"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, {
            isExternal: true,
            href: "https://support.redpanda.com/hc/en-us/requests/new",
            color: "gray.500"
        }, "Contact us"), ' ', "for larger throughput tiers")
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
const ReactNodes = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions,
        headerColumns: [
            /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Tier"),
            /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Max write"),
            /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Max read")
        ],
        singleValueText: {
            tier: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Tier"),
            maxWrite: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Max write"),
            maxRead: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
                as: "span"
            }, "Max read")
        }
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
const NoSingleValueText = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions,
        headerColumns: [
            'Tier',
            'Max write',
            'Max read'
        ],
        singleValueText: {}
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
const MixedSingleValueText = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions,
        headerColumns: [
            'Tier',
            'Max write',
            'Max read'
        ],
        singleValueText: {
            maxWrite: 'max write',
            maxRead: 'max read'
        }
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
const MoreColumns = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: [
            {
                label: 'Label',
                value: 'Value',
                test1: 'Hello',
                test2: 'World',
                test3: 'Sanity',
                test4: 'Check',
                test5: 'Again'
            }
        ],
        headerColumns: [
            'A',
            'B',
            'C',
            'D',
            'E'
        ],
        singleValueText: {
            test1: 'Hello',
            test2: 'World',
            test3: 'Sanity',
            test4: 'Check',
            test5: 'Again'
        }
    },
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__ColumnSelect_mjs__["default"], args)
};
export { Default, MixedSingleValueText, MoreColumns, NoSingleValueText, ReactNodes, WithFooter, ColumnSelect_stories_rslib_entry_ as default };
