import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Heading-BfSBs5r6.js";import{r as o,t as s}from"./storybook-utils-CaC0I5St.js";var c,l,u,d,f;t((()=>{e(n(),1),i(),s(),c=r(),l={title:`components/Heading`,component:a,argTypes:{centered:{description:o},variant:{description:o}}},u=()=>(0,c.jsxs)(`div`,{style:{padding:`16px`,display:`grid`,gridTemplateColumns:`auto 3fr`,alignItems:`center`,gap:`16px`},children:[(0,c.jsx)(`span`,{children:`h1 / massive`}),(0,c.jsx)(a,{tag:`h1`,variant:`massive`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h2 / huge`}),(0,c.jsx)(a,{tag:`h2`,variant:`huge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h3 / extraLarge`}),(0,c.jsx)(a,{tag:`h3`,variant:`extraLarge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h4 / large`}),(0,c.jsx)(a,{tag:`h4`,variant:`large`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h5 / medium`}),(0,c.jsx)(a,{tag:`h5`,variant:`medium`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`p / small`}),(0,c.jsx)(a,{tag:`p`,variant:`small`,children:`Lorem ipsum`})]}),d={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(e,{args:t})=>(0,c.jsx)(`div`,{style:{backgroundColor:t.accent===`inverted`?`black`:void 0},children:e()})],args:{tag:`h1`,variant:`massive`,children:`Lorem ipsum`,dataset:{qaid:`heading`}},argTypes:{centered:{control:`boolean`},dataset:{control:`object`},strong:{table:{disable:!0}}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <div style={{
  padding: '16px',
  display: 'grid',
  gridTemplateColumns: 'auto 3fr',
  alignItems: 'center',
  gap: '16px'
}}>
        <span>h1 / massive</span>
        <Heading tag="h1" variant="massive">
            Lorem ipsum
        </Heading>
        <span>h2 / huge</span>
        <Heading tag="h2" variant="huge">
            Lorem ipsum
        </Heading>
        <span>h3 / extraLarge</span>
        <Heading tag="h3" variant="extraLarge">
            Lorem ipsum
        </Heading>
        <span>h4 / large</span>
        <Heading tag="h4" variant="large">
            Lorem ipsum
        </Heading>
        <span>h5 / medium</span>
        <Heading tag="h5" variant="medium">
            Lorem ipsum
        </Heading>
        <span>p / small</span>
        <Heading tag="p" variant="small">
            Lorem ipsum
        </Heading>
    </div>`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  decorators: [(story, {
    args
  }) => <div style={{
    backgroundColor: args.accent === 'inverted' ? 'black' : undefined
  }}>
                {story()}
            </div>],
  args: {
    tag: 'h1',
    variant: 'massive',
    children: 'Lorem ipsum',
    dataset: {
      qaid: 'heading'
    }
  },
  argTypes: {
    centered: {
      control: 'boolean'
    },
    dataset: {
      control: 'object'
    },
    // Disable deprecated props
    strong: {
      table: {
        disable: true
      }
    }
  }
}`,...d.parameters?.docs?.source}}},f=[`Typeset`,`Playground`]}))();export{d as Playground,u as Typeset,f as __namedExportsOrder,l as default};