import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@styled/jsx";const d=({width:t="100px",height:a="20px",speed:i="1.5s",borderRadius:n="24px",backgroundColor:o})=>r(e,{style:{width:t,height:a,borderRadius:n,backgroundColor:o},bg:"neutral.tertiary",overflow:"hidden",position:"relative",_dark:{bg:"surface.primary"},children:r(e,{style:{animation:`slideRight ${i} infinite ease-in-out`},w:"full",h:"full",position:"absolute",top:0,left:"-50%",transform:"skewX(-20deg)",backgroundImage:"linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)",_dark:{backgroundImage:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)"}})});export{d as Skeleton};
//# sourceMappingURL=skeleton.js.map
