import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{q as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./Text-DO3xXyuu.js";import{n as c,t as l}from"./TextHighlighted-DX-IdxYe.js";var u,d,f,p,m,h;t((()=>{i(),e(n(),1),c(),o(),u=a(),d={title:`components/TextHighlighted`,component:l},f=()=>(0,u.jsx)(l,{children:`Lorem ipsum`}),f.tags=[`!test`],f.parameters={chromatic:{disableSnapshot:!0}},p=()=>(0,u.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`0.25rem`,width:`fit-content`},children:r.map(({id:e})=>(0,u.jsx)(l,{highlight:e,children:e},e))}),m={parameters:{chromatic:{disableSnapshot:!0}},render:e=>(0,u.jsxs)(s,{children:[`Lorem ipsum `,(0,u.jsx)(l,{...e})]}),args:{children:`dolor sit amet`,dataset:{qaid:`text-highlighted`}},argTypes:{dataset:{control:`object`}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <TextHighlighted>Lorem ipsum</TextHighlighted>`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <div style={{
  display: 'flex',
  flexDirection: 'column',
  gap: '0.25rem',
  width: 'fit-content'
}}>
        {TEXT_HIGHLIGHT_OPTIONS.map(({
    id
  }) => <TextHighlighted key={id} highlight={id}>
                {id}
            </TextHighlighted>)}
    </div>`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  render: args => <Text>
            Lorem ipsum <TextHighlighted {...args} />
        </Text>,
  args: {
    children: 'dolor sit amet',
    dataset: {
      qaid: 'text-highlighted'
    }
  },
  argTypes: {
    dataset: {
      control: 'object'
    }
  }
}`,...m.parameters?.docs?.source}}},h=[`Base`,`Options`,`Playground`]}))();export{f as Base,p as Options,m as Playground,h as __namedExportsOrder,d as default};