import * as __WEBPACK_EXTERNAL_MODULE__SliderTooltip_mjs__ from "./SliderTooltip.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
const meta = {
    title: 'Components/Inputs/RPSlider/SliderTooltip',
    component: __WEBPACK_EXTERNAL_MODULE__SliderTooltip_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 SliderTooltip_stories_rslib_entry_ = meta;
const TooltipLabel = ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        spacing: 2,
        py: 4,
        px: 2
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
        as: "h1",
        fontSize: "sm"
    }, "Tier 4"), /*#__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")));
const Default = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Center, {
            width: "100vw",
            height: "100vh"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__SliderTooltip_mjs__["default"], {
            isOpen: true,
            hasArrow: true,
            arrowSize: 16,
            label: /*#__PURE__*/ React.createElement(TooltipLabel, null)
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, null, "Always open")))
};
const NoArrow = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Center, {
            width: "100vw",
            height: "100vh"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__SliderTooltip_mjs__["default"], {
            isOpen: true,
            label: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
                spacing: 2,
                py: 4,
                px: 2
            }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
                as: "h1",
                fontSize: "sm"
            }, "Tier 4"), /*#__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")))
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, null, "No arrow")))
};
const Hover = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Center, {
            width: "100vw",
            height: "100vh"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__SliderTooltip_mjs__["default"], {
            hasArrow: true,
            label: /*#__PURE__*/ React.createElement(TooltipLabel, null)
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, null, "Hover me!")))
};
export { Default, Hover, NoArrow, SliderTooltip_stories_rslib_entry_ as default };
