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{a as i,i as a}from"./AlertBannerAction-BKNUkKu8.js";import{n as o,t as s}from"./TokyoUINotesWithPad-BVP3nioI.js";var c,l,u,d,f,p;t((()=>{o(),e(n(),1),i(),c=r(),l={title:`components/IconTile`,component:a,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},u=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`small`}),(0,c.jsx)(`th`,{children:`base`}),(0,c.jsx)(`th`,{children:`medium`}),(0,c.jsx)(`th`,{children:`large`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`small`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`base`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`medium`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`large`})})]})})]}),d=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`neutral`}),(0,c.jsx)(`th`,{children:`info`}),(0,c.jsx)(`th`,{children:`ai`}),(0,c.jsx)(`th`,{children:`positive`}),(0,c.jsx)(`th`,{children:`warning`}),(0,c.jsx)(`th`,{children:`critical`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`neutral`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`info`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`ai`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`positive`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`warning`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`critical`})})]})})]}),f={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:s,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <table style={{
  borderCollapse: 'separate',
  borderSpacing: '16px'
}}>
        <thead>
            <tr>
                <th>small</th>
                <th>base</th>
                <th>medium</th>
                <th>large</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} size="small" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} size="base" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} size="medium" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} size="large" />
                </td>
            </tr>
        </tbody>
    </table>`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => <table style={{
  borderCollapse: 'separate',
  borderSpacing: '16px'
}}>
        <thead>
            <tr>
                <th>neutral</th>
                <th>info</th>
                <th>ai</th>
                <th>positive</th>
                <th>warning</th>
                <th>critical</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="neutral" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="info" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="ai" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="positive" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="warning" />
                </td>
                <td>
                    <IconTile svg={TokyoUINotesWithPad} tone="critical" />
                </td>
            </tr>
        </tbody>
    </table>`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    svg: TokyoUINotesWithPad,
    dataset: {
      qaid: 'icon'
    }
  },
  argTypes: {
    svg: {
      control: false
    },
    dataset: {
      control: 'object'
    },
    label: {
      control: 'text'
    }
  }
}`,...f.parameters?.docs?.source}}},p=[`Sizes`,`Tones`,`Playground`]}))();export{f as Playground,u as Sizes,d as Tones,p as __namedExportsOrder,l as default};