import{r as t,h as e,H as r}from"./p-93b809e8.js";const a=class{constructor(e){t(this,e),this.shape="square",this.height="50px",this.width="100%",this.dataTest=null}render(){return e(r,{style:{display:"flex",position:"relative",overflow:"hidden",width:this.width,height:this.height,borderRadius:"circle"===this.shape?"50%":"8px"}},e("bds-grid",{xxs:"12",class:{skeleton:!0,[`skeleton_shape--${this.shape}`]:!0}}),e("div",{style:{display:"flex",width:"100%",height:"100%",position:"absolute",borderRadius:"circle"===this.shape?"50%":"8px",overflow:"hidden"},"data-test":this.dataTest},e("div",{class:"animation"})))}};a.style=".skeleton{min-width:8px;min-height:8px;background-color:var(--color-content-default, #454545);opacity:0.16;overflow:hidden}.skeleton_shape--circle{border-radius:50%}.skeleton_shape--square{border-radius:8px}.animation{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(246, 246, 246, 0)), color-stop(50%, rgba(246, 246, 246, 0.56)), to(rgba(246, 246, 246, 0)));background:linear-gradient(90deg, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.56) 50%, rgba(246, 246, 246, 0) 100%);mix-blend-mode:overlay;-webkit-animation:2.5s ease-out infinite shine;animation:2.5s ease-out infinite shine}@-webkit-keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}";export{a as bds_skeleton}