import * as __WEBPACK_EXTERNAL_MODULE__RPSlider_mjs__ from "./RPSlider.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
const meta = {
    title: 'Components/Inputs/RPSlider',
    component: __WEBPACK_EXTERNAL_MODULE__RPSlider_mjs__["default"],
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/Ah1H7iNSgKNAgtes0av2tM/Cloud-v2-mocks?type=design&node-id=10831-23651&mode=design&t=5nLpKzxeJBMdpXNt-4'
        }
    }
};
/* ESM default export */ const Slider_stories_rslib_entry_ = meta;
const Default = {
    args: {
        marks: [
            {
                value: 1,
                label: 'Tier 1'
            },
            {
                value: 2,
                label: '2'
            },
            {
                value: 3,
                label: '3'
            },
            {
                value: 4,
                label: '4'
            },
            {
                value: 5,
                label: '5'
            }
        ],
        step: 1
    },
    render: (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Center, {
            width: "90vw",
            height: "100vh"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__RPSlider_mjs__["default"], props))
};
const Tooltip = {
    args: {
        marks: [
            {
                value: 1,
                label: 'Tier 1'
            },
            {
                value: 2,
                label: '2'
            },
            {
                value: 3,
                label: '3'
            },
            {
                value: 4,
                label: '4'
            },
            {
                value: 5,
                label: '5'
            }
        ],
        step: 1,
        sliderTooltip: {
            hasArrow: true,
            label: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
                py: 4
            }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
                as: "h1",
                fontSize: "sm"
            }, "Tier 1"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
                spacing: 1,
                color: "gray",
                fontWeight: "normal"
            }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "20 MBps max read"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "60 MBps max write"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "1,000 partitions"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "20,000 clients")))
        }
    },
    render: (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Center, {
            width: "90vw",
            height: "100vh"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__RPSlider_mjs__["default"], props))
};
export { Default, Tooltip, Slider_stories_rslib_entry_ as default };
