"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__, {
    AsToVariants: ()=>/* binding */ AsToVariants,
    SizeToVariants: ()=>/* binding */ SizeToVariants,
    Variants: ()=>/* binding */ Variants,
    VariantsAndAsCombined: ()=>/* binding */ VariantsAndAsCombined,
    default: ()=>/* binding */ Heading_stories_rslib_entry_,
    Default: ()=>/* binding */ Default
});
const external_react_namespaceObject = require("react");
var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
const react_namespaceObject = require("@chakra-ui/react");
const external_Heading_js_namespaceObject = require("./Heading.js");
var external_Heading_js_default = /*#__PURE__*/ __webpack_require__.n(external_Heading_js_namespaceObject);
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(react_namespaceObject.Text, rest, lorem));
    return /*#__PURE__*/ React.createElement(React.Fragment, null, texts);
};
/* ESM default export */ const content_helper = LoremIpsum;
const meta = {
    title: 'Components/Redpanda Heading',
    component: external_Heading_js_default(),
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/bJcVrZNilxa06jYuVCGWYd/Redpanda-Design-System-2023?type=design&node-id=1-2031&mode=design&t=lRtlpY3KCbpBSSnj-4'
        }
    },
    argTypes: {
        variant: {
            control: 'select',
            options: [
                'sm',
                'md',
                'lg - default',
                'xl'
            ],
            mapping: {
                'lg - default': 'lg'
            }
        },
        noOfLines: {
            control: 'number'
        }
    },
    args: {
        variant: void 0,
        noOfLines: void 0
    }
};
/* ESM default export */ const Heading_stories_rslib_entry_ = meta;
const Default = {
    render: (args)=>/*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, null, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), args, "Lorem ipsum dolor sit amet consectetur - ", args.variant))
};
const Variants = {
    render: (args)=>/*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Stack, {
            spacing: "4"
        }, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "xl"
        }, "Extra Large Variant (", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, 'variant="xl"')), ")"), /*#__PURE__*/ external_react_default().createElement(content_helper, null), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), null, "Large Variant (Default)"), /*#__PURE__*/ external_react_default().createElement(content_helper, null), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "md"
        }, "Medium Variant (", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, 'variant="md"')), ")"), /*#__PURE__*/ external_react_default().createElement(content_helper, null), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "sm"
        }, "Small Variant (", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, 'variant="sm"')), ")"), /*#__PURE__*/ external_react_default().createElement(content_helper, null))
};
const VariantsAndAsCombined = {
    name: 'Variants & As',
    render: ()=>/*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, null, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, null, "Headings can also combine", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "variant")), ' ', "and", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "as")), ' ', "props to render a variant style with an alternate ", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "<hN>"), " tag:"), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, {
            my: "6"
        }, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "xl",
            as: "h4"
        }, 'Heading (variant="xl" as="h4")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "sm",
            as: "h1"
        }, 'Heading (variant="sm" as="h1")')))
};
const SizeToVariants = {
    render: (args)=>/*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, null, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "xl",
            mb: "2"
        }, "Conversion: Sizes to Variants"), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, null, "For backwards compatability, Redpanda", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "<Heading />")), ' ', "components will automatically convert Chakra's", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "size")), ' ', "prop to Redpanda's Design System variants."), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, {
            my: "6"
        }, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            size: "xs",
            mb: "2"
        }, 'size="xs" --> variant="sm"'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            size: "sm",
            mb: "2"
        }, 'size="sm" --> variant="md"'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            size: "md",
            mb: "2"
        }, 'size="md" --> variant="lg"'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            size: "lg",
            mb: "2"
        }, 'size="lg" --> variant="xl"'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            size: "xl",
            mb: "2"
        }, 'size="xl" --> variant="xl"')))
};
const AsToVariants = {
    render: (args)=>/*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, null, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            variant: "xl",
            mb: "2"
        }, "Conversion: As to Variants"), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            mb: "4"
        }, "For backwards compatability, Redpanda", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "<Heading />")), ' ', "components will automatically convert Chakra's", ' ', /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "mark"
        }, /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "as")), ' ', "prop to Redpanda's Design System variants."), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, null, "Note: ", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "<h5>"), " and ", /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Text, {
            as: "code"
        }, "<h6>"), ' will default to the "sm" variant (the smallest variant in our Design System.'), /*#__PURE__*/ external_react_default().createElement(react_namespaceObject.Box, {
            my: "6"
        }, /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h1"
        }, 'Heading (as="h1")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h2"
        }, 'Heading (as="h2")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h3"
        }, 'Heading (as="h3")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h4"
        }, 'Heading (as="h4")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h5"
        }, 'Heading (as="h5")'), /*#__PURE__*/ external_react_default().createElement(external_Heading_js_default(), {
            as: "h6"
        }, 'Heading (as="h6")')))
};
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
});
