import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__Badge_mjs__ from "./Badge.mjs";
const meta = {
    title: 'Components/Badge',
    component: __WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"],
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/Ah1H7iNSgKNAgtes0av2tM/Cloud-v2-mocks?type=design&node-id=10561-23167&mode=design&t=5nLpKzxeJBMdpXNt-4'
        }
    },
    argTypes: {
        variant: {
            control: 'select',
            options: [
                'default',
                'inverted',
                'outline',
                'info',
                'info-inverted',
                'info-outline',
                'error',
                'error-inverted',
                'error-outline',
                'success',
                'success-inverted',
                'success-outline',
                'warning',
                'warning-inverted',
                'warning-outline'
            ]
        }
    }
};
/* ESM default export */ const Badge_stories_rslib_entry_ = meta;
const Default = {
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.VStack, {
            alignItems: 'start'
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], args, "Badge"))
};
const AllVariants = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.VStack, {
            alignItems: 'start',
            divider: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.StackDivider, {
                borderColor: "gray.200"
            })
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "repeat(3, minmax(150px, 1fr))",
            gap: 3
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "default"
        }, "Default")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "inverted"
        }, "Inverted")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "outline"
        }, "Outline"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "repeat(3, minmax(150px, 1fr))",
            gap: 3
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "info"
        }, "Info")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "info-inverted"
        }, "Inverted")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "info-outline"
        }, "Outline"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "repeat(3, minmax(150px, 1fr))",
            gap: 3
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "error"
        }, "Error")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "error-inverted"
        }, "Inverted")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "error-outline"
        }, "Outline"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "repeat(3, minmax(150px, 1fr))",
            gap: 3
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "success"
        }, "Success")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "success-inverted"
        }, "Inverted")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "success-outline"
        }, "Outline"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "repeat(3, minmax(150px, 1fr))",
            gap: 3
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "warning"
        }, "Warning")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "warning-inverted"
        }, "Inverted")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Badge_mjs__["default"], {
            variant: "warning-outline"
        }, "Outline"))))
};
export { AllVariants, Default, Badge_stories_rslib_entry_ as default };
