import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
const lorem = `
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
`;
const LoremIpsum = ({ iterations = 1, ...rest })=>{
    const texts = [];
    for(let i = 0; i < iterations; i++)texts.push(/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, rest, lorem));
    return /*#__PURE__*/ React.createElement(React.Fragment, null, texts);
};
/* ESM default export */ const content_helper = LoremIpsum;
const meta = {
    title: 'Components/Text',
    component: __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text,
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/bJcVrZNilxa06jYuVCGWYd/Redpanda-Design-System-2023?type=design&node-id=1%3A2031&mode=design'
        }
    },
    argTypes: {
        variant: {
            control: 'select',
            options: [
                'default',
                'sm',
                'lg',
                'xl',
                'label'
            ],
            mapping: {
                default: void 0
            }
        },
        noOfLines: {
            control: 'number'
        }
    },
    args: {
        variant: void 0,
        noOfLines: void 0
    }
};
/* ESM default export */ const Text_stories_rslib_entry_ = meta;
const Default = {
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(content_helper, {
            mb: "4",
            ...args,
            iterations: 2
        }))
};
const Variants = {
    render: (args)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4",
            variant: "sm"
        }, "Small Variant (", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "code"
        }, 'variant="sm"'), ")"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4"
        }, "Default Variant"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4",
            variant: "lg"
        }, "Large Variant (", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "code"
        }, 'variant="lg"'), ")"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4",
            variant: "xl"
        }, "Extra Large Variant (", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "code"
        }, 'variant="xl"'), ")"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4",
            variant: "label"
        }, "Label Variant (", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "code"
        }, 'variant="label"'), ")"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            mb: "4"
        }, "Default", ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            variant: "sm",
            as: "mark"
        }, "variant"), ' ', "with", ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "i",
            variant: "xl"
        }, "nested"), ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "strong"
        }, "styles"), " and", ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "span",
            variant: "lg"
        }, "nested", ' '), ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
            as: "span",
            variant: "label"
        }, "variants"), "."))
};
export { Default, Variants, Text_stories_rslib_entry_ as default };
