import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,X as i,t as a,w as o}from"./dist-DtfJeYQK.js";import{t as s}from"./jsx-runtime-C2wGStra.js";import{n as c,t as l}from"./PreplyLogo-EsNyTV4m.js";var u,d,f,p,m,h,g,_,v,y,b;t((()=>{o(),a(),e(n(),1),c(),u=s(),d={title:`components/PreplyLogo`,component:l,tags:[`!test`],parameters:{chromatic:{disableSnapshot:!0}}},f=()=>(0,u.jsx)(l,{}),p=()=>(0,u.jsx)(l,{iconOnly:!0}),m=()=>(0,u.jsx)(l,{business:!0}),h=()=>(0,u.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`16px`},children:[(0,u.jsx)(l,{size:`xxs`}),(0,u.jsx)(l,{size:`xs`}),(0,u.jsx)(l,{size:`s`}),(0,u.jsx)(l,{size:`m`}),(0,u.jsx)(l,{size:`l`})]}),g=()=>(0,u.jsx)(l,{inverted:!0}),g.decorators=[e=>(0,u.jsx)(`div`,{style:{backgroundColor:r(i.color.grey[200])},children:e()})],_=({children:e=``})=>(0,u.jsx)(`code`,{style:{fontFamily:`monospace`},children:e}),v=()=>(0,u.jsxs)(`div`,{style:{padding:`8px`,display:`grid`,gridTemplateColumns:`200px 80px 100px 150px 200px 300px`,rowGap:`8px`,alignItems:`end`,backgroundColor:r(i.color.grey[200])},children:[(0,u.jsx)(_,{}),(0,u.jsx)(_,{children:`size="xxs"`}),(0,u.jsx)(_,{children:`size="xs"`}),(0,u.jsx)(_,{children:`size="s"`}),(0,u.jsx)(_,{children:`size="m"`}),(0,u.jsx)(_,{children:`size="l"`}),(0,u.jsx)(_,{}),(0,u.jsx)(l,{size:`xxs`}),(0,u.jsx)(l,{size:`xs`}),(0,u.jsx)(l,{size:`s`}),(0,u.jsx)(l,{size:`m`}),(0,u.jsx)(l,{size:`l`}),(0,u.jsx)(_,{children:`inverted`}),(0,u.jsx)(l,{size:`xxs`,inverted:!0}),(0,u.jsx)(l,{size:`xs`,inverted:!0}),(0,u.jsx)(l,{size:`s`,inverted:!0}),(0,u.jsx)(l,{size:`m`,inverted:!0}),(0,u.jsx)(l,{size:`l`,inverted:!0}),(0,u.jsx)(_,{children:`iconOnly`}),(0,u.jsx)(l,{iconOnly:!0,size:`xxs`}),(0,u.jsx)(l,{iconOnly:!0,size:`xs`}),(0,u.jsx)(l,{iconOnly:!0,size:`s`}),(0,u.jsx)(l,{iconOnly:!0,size:`m`}),(0,u.jsx)(l,{iconOnly:!0,size:`l`}),(0,u.jsx)(_,{children:`iconOnly inverted`}),(0,u.jsx)(l,{iconOnly:!0,size:`xxs`,inverted:!0}),(0,u.jsx)(l,{iconOnly:!0,size:`xs`,inverted:!0}),(0,u.jsx)(l,{iconOnly:!0,size:`s`,inverted:!0}),(0,u.jsx)(l,{iconOnly:!0,size:`m`,inverted:!0}),(0,u.jsx)(l,{iconOnly:!0,size:`l`,inverted:!0}),(0,u.jsx)(_,{children:`business`}),(0,u.jsx)(l,{business:!0,size:`xxs`}),(0,u.jsx)(l,{business:!0,size:`xs`}),(0,u.jsx)(l,{business:!0,size:`s`}),(0,u.jsx)(l,{business:!0,size:`m`}),(0,u.jsx)(l,{business:!0,size:`l`}),(0,u.jsx)(_,{children:`business inverted`}),(0,u.jsx)(l,{business:!0,size:`xxs`,inverted:!0}),(0,u.jsx)(l,{business:!0,size:`xs`,inverted:!0}),(0,u.jsx)(l,{business:!0,size:`s`,inverted:!0}),(0,u.jsx)(l,{business:!0,size:`m`,inverted:!0}),(0,u.jsx)(l,{business:!0,size:`l`,inverted:!0})]}),v.tags=[`test`],v.parameters={chromatic:{disableSnapshot:!1}},y={parameters:{options:{selectedPanel:`addon-controls`}},decorators:[(e,{args:t})=>(0,u.jsx)(`div`,{style:{backgroundColor:t.inverted?`black`:void 0},children:e()})],args:{size:`m`,dataset:{qaid:`preply-logo`}},argTypes:{iconOnly:{type:`boolean`},business:{type:`boolean`},inverted:{type:`boolean`},dataset:{control:`object`}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <PreplyLogo />`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <PreplyLogo iconOnly />`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => <PreplyLogo business />`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <div style={{
  display: 'flex',
  alignItems: 'center',
  gap: '16px'
}}>
        <PreplyLogo size="xxs" />
        <PreplyLogo size="xs" />
        <PreplyLogo size="s" />
        <PreplyLogo size="m" />
        <PreplyLogo size="l" />
    </div>`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`() => <PreplyLogo inverted />`,...g.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`() => {
  const grey = getTokenVar(dsInternalPrimitive.color.grey[200]);
  return <div style={{
    padding: '8px',
    display: 'grid',
    gridTemplateColumns: '200px 80px 100px 150px 200px 300px',
    rowGap: '8px',
    alignItems: 'end',
    backgroundColor: grey
  }}>
            <CodeHeading></CodeHeading>
            <CodeHeading>size=&quot;xxs&quot;</CodeHeading>
            <CodeHeading>size=&quot;xs&quot;</CodeHeading>
            <CodeHeading>size=&quot;s&quot;</CodeHeading>
            <CodeHeading>size=&quot;m&quot;</CodeHeading>
            <CodeHeading>size=&quot;l&quot;</CodeHeading>

            <CodeHeading></CodeHeading>
            <PreplyLogo size="xxs" />
            <PreplyLogo size="xs" />
            <PreplyLogo size="s" />
            <PreplyLogo size="m" />
            <PreplyLogo size="l" />

            <CodeHeading>inverted</CodeHeading>
            <PreplyLogo size="xxs" inverted />
            <PreplyLogo size="xs" inverted />
            <PreplyLogo size="s" inverted />
            <PreplyLogo size="m" inverted />
            <PreplyLogo size="l" inverted />

            <CodeHeading>iconOnly</CodeHeading>
            <PreplyLogo iconOnly size="xxs" />
            <PreplyLogo iconOnly size="xs" />
            <PreplyLogo iconOnly size="s" />
            <PreplyLogo iconOnly size="m" />
            <PreplyLogo iconOnly size="l" />

            <CodeHeading>iconOnly inverted</CodeHeading>
            <PreplyLogo iconOnly size="xxs" inverted />
            <PreplyLogo iconOnly size="xs" inverted />
            <PreplyLogo iconOnly size="s" inverted />
            <PreplyLogo iconOnly size="m" inverted />
            <PreplyLogo iconOnly size="l" inverted />

            <CodeHeading>business</CodeHeading>
            <PreplyLogo business size="xxs" />
            <PreplyLogo business size="xs" />
            <PreplyLogo business size="s" />
            <PreplyLogo business size="m" />
            <PreplyLogo business size="l" />

            <CodeHeading>business inverted</CodeHeading>
            <PreplyLogo business size="xxs" inverted />
            <PreplyLogo business size="xs" inverted />
            <PreplyLogo business size="s" inverted />
            <PreplyLogo business size="m" inverted />
            <PreplyLogo business size="l" inverted />
        </div>;
}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
  parameters: {
    options: {
      selectedPanel: 'addon-controls'
    }
  },
  decorators: [(story, {
    args
  }) => <div style={{
    backgroundColor: args.inverted ? 'black' : undefined
  }}>{story()}</div>],
  args: {
    size: 'm',
    dataset: {
      qaid: 'preply-logo'
    }
  },
  argTypes: {
    iconOnly: {
      type: 'boolean'
    },
    business: {
      type: 'boolean'
    },
    inverted: {
      type: 'boolean'
    },
    dataset: {
      control: 'object'
    }
  }
}`,...y.parameters?.docs?.source}}},b=[`Default`,`IconOnly`,`Business`,`Sizes`,`Inverted`,`Combinations`,`Playground`]}))();export{m as Business,v as Combinations,f as Default,p as IconOnly,g as Inverted,y as Playground,h as Sizes,b as __namedExportsOrder,d as default};