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