import{I as t,h as n,R as e,p as a}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={title:"Icons/Icon",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{name:{options:Object.values(t),control:{type:"select"}}}},m={args:{name:t.heart}},i={render:()=>{const l=Object.values(t).map(r=>e.createElement(a.Item,{key:r,ratio:"1/"},r,e.createElement(n,{name:r})));return e.createElement(a,null,l)}},p={render:()=>e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"20px"}},e.createElement("div",{style:{textAlign:"center",color:"red"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Red")),e.createElement("div",{style:{textAlign:"center",color:"blue"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Blue")),e.createElement("div",{style:{textAlign:"center",color:"green"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Green")))},d=["SingleIcon","AllIcons","CustomStyledIcons"];export{i as AllIcons,p as CustomStyledIcons,m as SingleIcon,d as __namedExportsOrder,s as default};
