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:"1f00b5afc2d39bed01b023ac23da85f57fce917c",part:"base",class:"empty"},!!this.icon&&h("sc-icon",{key:"c43fc34ac6c656324b9b73a3e26185d9b8bd8020",exportparts:"base:icon",name:this.icon}),h("slot",{key:"1938156a3b504e1bc090c75d19d38150e890cda8"}))}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};