import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r,s as i}from"./iframe-D-oZzXNK.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-8vvjMMnP.js";import{ServerComponent as s,t as c}from"./Icon.stories-BBHGhNIV.js";function l(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...a(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:`components/Icon/Server Component`}),`
`,(0,d.jsx)(t.h1,{id:`use-icon-as-react-server-component`,children:`Use Icon as react server component`}),`
`,(0,d.jsxs)(t.p,{children:[`To use Icon as react server component, provide `,(0,d.jsx)(t.code,{children:`svg`}),` as element:`]}),`
`,(0,d.jsx)(i,{of:s}),`
`,(0,d.jsx)(t.pre,{children:(0,d.jsx)(t.code,{className:`language-jsx`,children:`<Icon svg={<TokyoUINotesWithPad />} />
`})})]})}function u(e={}){let{wrapper:t}={...a(),...e.components};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(l,{...e})}):l(e)}var d;e((()=>{d=t(),o(),n(),c()}))();export{u as default};