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:"4ca98434c5baf6a956e84cf13f13ccbafcb85760",part:"base",class:"empty"},!!this.icon&&h("sc-icon",{key:"1bb7c3f04decc08f71a457165a18123f66c51d7b",exportparts:"base:icon",name:this.icon}),h("slot",{key:"52a8e5a96aa7445e4d81fcdc360c6b7ba9669a1a"}))}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};