import { r as registerInstance, h, H as Host, a as getElement } from './index-b153bfd0.js';

const gxIdeEmptyStateCss = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--timing-fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--spacing-gap-xl);padding:var(--spacing-padding-xl)}.main-container__icon-wrapper{border:1px dashed var(--color-accent-primary-default);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--spacing-gap-m)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:var(--line-height-spacious) !important;color:var(--color-text-neutral-neutral)}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";

const CSS_BUNDLES = [
    "resets/box-sizing",
    "components/button",
    "components/icon",
    "utils/typography"
];
const GxIdeEmptyState = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.isAnimated = false;
        this.stateDescription = undefined;
        this.stateIconSrc = undefined;
        this.stateTitle = undefined;
    }
    render() {
        return (h(Host, { class: { animate: this.isAnimated } }, h("ch-theme", { model: CSS_BUNDLES }), h("article", { class: "main-container" }, this.stateIconSrc && (h("span", { class: "main-container__icon-wrapper" }, h("ch-image", { src: this.stateIconSrc, class: "icon-m" }))), h("div", { class: "main-container__content" }, this.stateTitle && (h("h2", { class: "body-regular-m" }, this.stateTitle)), this.stateDescription && (h("p", { class: "body-regular-s description" }, this.stateDescription))), h("slot", null))));
    }
    get el() { return getElement(this); }
};
GxIdeEmptyState.style = gxIdeEmptyStateCss;

export { GxIdeEmptyState as gx_ide_empty_state };

//# sourceMappingURL=gx-ide-empty-state.entry.js.map