"use strict";
// The require scope
var __webpack_require__ = {};
/************************************************************************/ // webpack/runtime/compat_get_default_export
(()=>{
    // getDefaultExport function for compatibility with non-ESM modules
    __webpack_require__.n = function(module) {
        var getter = module && module.__esModule ? function() {
            return module['default'];
        } : function() {
            return module;
        };
        __webpack_require__.d(getter, {
            a: getter
        });
        return getter;
    };
})();
// webpack/runtime/define_property_getters
(()=>{
    __webpack_require__.d = function(exports1, definition) {
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
// webpack/runtime/has_own_property
(()=>{
    __webpack_require__.o = function(obj, prop) {
        return Object.prototype.hasOwnProperty.call(obj, prop);
    };
})();
// webpack/runtime/make_namespace_object
(()=>{
    // define __esModule on exports
    __webpack_require__.r = function(exports1) {
        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
/************************************************************************/ var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
    ReactNodes: ()=>/* binding */ ReactNodes,
    MoreColumns: ()=>/* binding */ MoreColumns,
    WithFooter: ()=>/* binding */ WithFooter,
    default: ()=>/* binding */ ColumnSelect_stories_rslib_entry_,
    NoSingleValueText: ()=>/* binding */ NoSingleValueText,
    MixedSingleValueText: ()=>/* binding */ MixedSingleValueText,
    Default: ()=>/* binding */ Default
});
const external_ColumnSelect_js_namespaceObject = require("./ColumnSelect.js");
var external_ColumnSelect_js_default = /*#__PURE__*/ __webpack_require__.n(external_ColumnSelect_js_namespaceObject);
const react_namespaceObject = require("@chakra-ui/react");
const meta = {
    title: 'Components/Inputs/ColumnSelect',
    component: external_ColumnSelect_js_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(external_ColumnSelect_js_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(react_namespaceObject.Text, {
            fontWeight: "400",
            lineHeight: "130%",
            color: "gray.500"
        }, /*#__PURE__*/ React.createElement(react_namespaceObject.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(external_ColumnSelect_js_default(), args)
};
const ReactNodes = {
    args: {
        name: 'throughputTierField',
        placeholder: 'Select throughput tier',
        menuIsOpen: true,
        options: customOptions,
        headerColumns: [
            /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Tier"),
            /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Max write"),
            /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Max read")
        ],
        singleValueText: {
            tier: /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Tier"),
            maxWrite: /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Max write"),
            maxRead: /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
                as: "span"
            }, "Max read")
        }
    },
    render: (args)=>/*#__PURE__*/ React.createElement(external_ColumnSelect_js_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(external_ColumnSelect_js_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(external_ColumnSelect_js_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(external_ColumnSelect_js_default(), args)
};
var __webpack_export_target__ = exports;
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
    value: true
});
