import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{G 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"./Icon-0Ag8a3l4.js";import{n as c,t as l}from"./TokyoUINotesWithPad-BVP3nioI.js";var u,d,f,p,m,h,g,_=t((()=>{i(),c(),e(n(),1),o(),u=a(),d={title:`components/Icon`,component:s,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},f=()=>(0,u.jsxs)(`div`,{style:{display:`flex`,alignItems:`end`,gap:`4px`},children:[(0,u.jsx)(s,{svg:l,size:`16`}),(0,u.jsx)(s,{svg:l,size:`24`}),(0,u.jsx)(s,{svg:l,size:`32`}),(0,u.jsx)(s,{svg:l,size:`48`})]}),p=()=>(0,u.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`4px`},children:r.map(e=>(0,u.jsxs)(`div`,{style:{display:`flex`,gap:16},children:[(0,u.jsx)(s,{svg:l,expColor:e.id},e.id),(0,u.jsx)(`span`,{children:e.id})]},e.id))}),m=()=>(0,u.jsx)(s,{svg:(0,u.jsx)(l,{})}),m.tags=[`!dev`,`!autodocs`],h={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:l,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <div style={{
  display: 'flex',
  alignItems: 'end',
  gap: '4px'
}}>
        <Icon svg={TokyoUINotesWithPad} size="16" />
        <Icon svg={TokyoUINotesWithPad} size="24" />
        <Icon svg={TokyoUINotesWithPad} size="32" />
        <Icon svg={TokyoUINotesWithPad} size="48" />
    </div>`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <div style={{
  display: 'flex',
  flexDirection: 'column',
  gap: '4px'
}}>
        {EXP_COLOR_NAME_OPTIONS.map(expColor => <div key={expColor.id} style={{
    display: 'flex',
    gap: 16
  }}>
                <Icon svg={TokyoUINotesWithPad} key={expColor.id} expColor={expColor.id} />
                <span>{expColor.id}</span>
            </div>)}
    </div>`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => <Icon svg={<TokyoUINotesWithPad />} />`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    svg: TokyoUINotesWithPad,
    dataset: {
      qaid: 'icon'
    }
  },
  argTypes: {
    svg: {
      control: false
    },
    dataset: {
      control: 'object'
    },
    label: {
      control: 'text'
    }
  }
}`,...h.parameters?.docs?.source}}},g=[`Sizes`,`ExpColors`,`ServerComponent`,`Playground`]}));_();export{p as ExpColors,h as Playground,m as ServerComponent,f as Sizes,g as __namedExportsOrder,d as default,_ as t};