import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{d as defineCustomElement$1}from"./sc-icon2.js";const scEmptyCss=":host{display:block}.empty{display:flex;flex-direction:column;align-items:center;padding:var(--sc-spacing-large);text-align:center;gap:var(--sc-spacing-small);color:var(--sc-empty-color, var(--sc-color-gray-500))}.empty sc-icon{font-size:var(--sc-font-size-xx-large);color:var(--sc-empty-icon-color, var(--sc-color-gray-700))}",ScEmptyStyle0=scEmptyCss,ScEmpty=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.icon=void 0}render(){return h("div",{key:"daabc22c5faa64ce7e61c3e7b8b4f44ca48def5d",part:"base",class:"empty"},!!this.icon&&h("sc-icon",{key:"01b270ca9c647aaab81f41bb370083e499648605",exportparts:"base:icon",name:this.icon}),h("slot",{key:"5cde723883e6ce2887a495d0aab4c694e9f70f6b"}))}static get style(){return ScEmptyStyle0}},[1,"sc-empty",{icon:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-empty","sc-icon"].forEach((e=>{switch(e){case"sc-empty":customElements.get(e)||customElements.define(e,ScEmpty);break;case"sc-icon":customElements.get(e)||defineCustomElement$1()}}))}export{ScEmpty as S,defineCustomElement as d};