"use strict";var e=require("react/jsx-runtime"),r=require("@styled/jsx");const s=({width:a="100px",height:t="20px",speed:i="1.5s",borderRadius:n="24px",backgroundColor:o})=>e.jsx(r.Box,{style:{width:a,height:t,borderRadius:n,backgroundColor:o},bg:"neutral.tertiary",overflow:"hidden",position:"relative",_dark:{bg:"surface.primary"},children:e.jsx(r.Box,{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)"}})});exports.Skeleton=s;
//# sourceMappingURL=skeleton.js.map
