import{skeleton_styles_default as e}from"./chunk.UVFVIZIV.js";import{ShoelaceElement as t}from"./chunk.Z7XDKKOD.js";import{__decorateClass as s}from"./chunk.6M63UXML.js";import{classMap as r}from"../../../../lit/directives/class-map.js";import{html as o}from"../../../../lit/index.js";import{property as i}from"../../../../lit/decorators.js";var n=class extends t{constructor(){super(...arguments),this.effect="none"}render(){return o`
      <div
        part="base"
        class=${r({skeleton:!0,"skeleton--pulse":"pulse"===this.effect,"skeleton--sheen":"sheen"===this.effect})}
      >
        <div part="indicator" class="skeleton__indicator"></div>
      </div>
    `}};n.styles=e,s([i()],n.prototype,"effect",2);export{n as SlSkeleton};