import{j as r}from"./index-qazYPOM_.js";const x="_skeletonBase_1t7p6_1",u="_shimmer_1t7p6_9",n={skeletonBase:x,shimmer:u},k=({width:s="100%",height:i="20px",variant:o="rect",className:l="",style:t={},lines:a=1,lineGap:c="8px",animated:d=!0})=>{const e={...t};o==="circle"?(e.width=s,e.height=s,e.borderRadius="50%"):(e.width=s,e.height=i,e.borderRadius=(t==null?void 0:t.borderRadius)||"4px");const m=`${n.skeletonBase} ${d?n.shimmer:""} ${l}`;return a>1&&o==="rect"?r.jsx("div",{style:{display:"flex",flexDirection:"column",gap:c,width:typeof s=="number"?`${s}px`:s},children:Array.from({length:a}).map((h,p)=>r.jsx("div",{className:m,style:{...e},"data-testid":"skeleton-element"},p))}):r.jsx("div",{className:m,style:e,"data-testid":"skeleton-element"})};export{k as S};