import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,K as i,Y as a,t as o,w as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{n as l,t as u}from"./Text-DO3xXyuu.js";import{n as d,t as f}from"./TextInline-C86b82rR.js";var p,m,h,g,_,v,y;t((()=>{e(n(),1),d(),l(),o(),s(),p=c(),m={title:`components/TextInline`,component:f},h=()=>(0,p.jsxs)(`p`,{children:[`Lorem `,(0,p.jsx)(f,{children:`ipsum`})]}),h.storyName=`TextInline`,g=()=>{let e=r(a.background.primaryInverted);return(0,p.jsx)(p.Fragment,{children:i.map(({id:t})=>(0,p.jsx)(`div`,{style:{backgroundColor:[`inverted`,`branded`,`selected`].includes(t)?e:void 0},children:(0,p.jsxs)(u,{accent:[`inverted`,`branded`,`selected`].includes(t)?`accentDark`:void 0,children:[`Lorem ipsum `,(0,p.jsx)(f,{accent:t,children:t})]})},t))})},_=()=>(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[`Lorem ipsum `,(0,p.jsx)(f,{italic:!0,children:`dolor sit amet`}),`.`]})}),v={parameters:{chromatic:{disableSnapshot:!0}},render:e=>(0,p.jsxs)(u,{children:[`Lorem ipsum `,(0,p.jsx)(f,{...e})]}),args:{children:`dolor sit amet`,accent:`accentDark`,tag:`span`,dataset:{qaid:`text-inline`}},argTypes:{dataset:{control:`object`},children:{control:`text`},italic:{control:`boolean`}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <p>
        Lorem <TextInline>ipsum</TextInline>
    </p>`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`() => {
  const grey = getTokenVar(color.background.primaryInverted);
  return <>
            {TEXT_ACCENT_OPTIONS.map(({
      id
    }) => <div key={id} style={{
      backgroundColor: ['inverted', 'branded', 'selected'].includes(id) ? grey : undefined
    }}>
                    <Text accent={['inverted', 'branded', 'selected'].includes(id) ? 'accentDark' : undefined}>
                        Lorem ipsum <TextInline accent={id}>{id}</TextInline>
                    </Text>
                </div>)}
        </>;
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`() => {
  return <>
            <Text>
                Lorem ipsum <TextInline italic>dolor sit amet</TextInline>.
            </Text>
        </>;
}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  render: args => <Text>
            Lorem ipsum <TextInline {...args} />
        </Text>,
  args: {
    children: 'dolor sit amet',
    accent: 'accentDark',
    tag: 'span',
    dataset: {
      qaid: 'text-inline'
    }
  },
  argTypes: {
    dataset: {
      control: 'object'
    },
    children: {
      control: 'text'
    },
    italic: {
      control: 'boolean'
    }
  }
}`,...v.parameters?.docs?.source}}},y=[`Base`,`Accents`,`Italic`,`Playground`]}))();export{g as Accents,h as Base,_ as Italic,v as Playground,y as __namedExportsOrder,m as default};