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:"6f9f764545c7c087d4b16ad4319f578b417b3b1c",part:"base",class:"empty"},!!this.icon&&h("sc-icon",{key:"662e84a7e6b716ba5e4fb47fb6507343a094e78b",exportparts:"base:icon",name:this.icon}),h("slot",{key:"aa2d38ff5e04896eba29479e8db3c587f989d577"}))}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};