import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{d as l,T as t,c as v}from"./Token-CO3jfjJw.js";const f="_effects_989ms_1",o="_values_989ms_11",p="_effectsPreviewWrapper_989ms_18",m="_effectsPreviewInner_989ms_28",s={effects:f,values:o,effectsPreviewWrapper:p,effectsPreviewInner:m},x={title:"Tokens"},r=()=>e.jsxs("div",{children:[e.jsxs("div",{className:s.effects,children:[e.jsx("h2",{children:"Drop Shadows"}),e.jsx("div",{className:s.values,children:Object.entries(l).map((a,n)=>e.jsx(t,{title:a[0],value:a[1],preview:e.jsx("div",{className:s.effectsPreviewWrapper,children:e.jsx("div",{style:{boxShadow:a[1]},className:s.effectsPreviewInner})})},n))})]}),e.jsxs("div",{className:s.effects,children:[e.jsx("h2",{children:"Inner Shadows"}),e.jsx("div",{className:s.values,children:Object.entries(v).map((a,n)=>e.jsx(t,{title:a[0],value:a[1],preview:e.jsx("div",{className:s.effectsPreviewWrapper,children:e.jsx("div",{style:{boxShadow:a[1]},className:s.effectsPreviewInner})})},n))})]})]});r.__docgenInfo={description:"",methods:[],displayName:"Effects"};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
  return <div>
      <div className={styles.effects}>
        <h2>Drop Shadows</h2>
        <div className={styles.values}>
          {Object.entries(dropShadows).map((value, index) => <Token title={value[0]} value={value[1]} key={index} preview={<div className={styles.effectsPreviewWrapper}>
                  <div style={{
            boxShadow: value[1]
          }} className={styles.effectsPreviewInner}></div>
                </div>} />)}
        </div>
      </div>
      <div className={styles.effects}>
        <h2>Inner Shadows</h2>
        <div className={styles.values}>
          {Object.entries(innerShadows).map((value, index) => <Token title={value[0]} value={value[1]} key={index} preview={<div className={styles.effectsPreviewWrapper}>
                  <div style={{
            boxShadow: value[1]
          }} className={styles.effectsPreviewInner}></div>
                </div>} />)}
        </div>
      </div>
    </div>;
}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const u=["Effects"];export{r as Effects,u as __namedExportsOrder,x as default};