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"./Text-DO3xXyuu.js";import{n as o,t as s}from"./Heading-BfSBs5r6.js";import{n as c,t as l}from"./Box-DLhths4z.js";import{n as u,t as d}from"./LayoutFlex-BKX2c6Gj.js";import{n as f,r as p,t as m}from"./storybook-utils-CaC0I5St.js";var h,g,_,v,y;t((()=>{e(n(),1),o(),u(),i(),c(),m(),h=r(),g={title:`components/Box`,component:l,argTypes:{radius:{description:p},padding:{description:f}}},_=()=>(0,h.jsx)(l,{background:`positiveLight`,children:(0,h.jsxs)(d,{gap:`16`,direction:`column`,children:[(0,h.jsx)(s,{tag:`h3`,variant:`medium`,children:`Heading`}),(0,h.jsx)(a,{accent:`positive`,children:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros`})]})}),_.storyName=`Box`,v={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:(0,h.jsxs)(d,{gap:`16`,direction:`column`,children:[(0,h.jsx)(s,{variant:`large`,tag:`h3`,children:`Heading`}),(0,h.jsx)(a,{children:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros`})]}),dataset:{qaid:`box`}},argTypes:{children:{control:!1},dataset:{control:`object`}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`() => <Box background="positiveLight">
        <LayoutFlex gap="16" direction="column">
            <Heading tag="h3" variant="medium">
                Heading
            </Heading>
            <Text accent="positive">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
                amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
                vitae eros
            </Text>
        </LayoutFlex>
    </Box>`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    background: undefined,
    radius: undefined,
    padding: undefined,
    children: <LayoutFlex gap="16" direction="column">
                <Heading variant="large" tag="h3">
                    Heading
                </Heading>
                <Text>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
                    sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
                    posuere et vitae eros
                </Text>
            </LayoutFlex>,
    dataset: {
      qaid: 'box'
    }
  },
  argTypes: {
    children: {
      control: false
    },
    dataset: {
      control: 'object'
    }
  }
}`,...v.parameters?.docs?.source}}},y=[`Base`,`Playground`]}))();export{_ as Base,v as Playground,y as __namedExportsOrder,g as default};