import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { E as ErrorState } from './utils.js';

const JustifiDetails = /*@__PURE__*/ proxyCustomElement(class JustifiDetails extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
    }
    render() {
        return (h("div", { key: 'b91f85e2f62f1ea80409367208117f805299c397' }, this.errorMessage ?
            ErrorState(this.errorMessage)
            :
                h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
    }
}, [260, "justifi-details", {
        "errorMessage": [1, "error-message"]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["justifi-details"];
    components.forEach(tagName => { switch (tagName) {
        case "justifi-details":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, JustifiDetails);
            }
            break;
    } });
}
defineCustomElement();

export { JustifiDetails as J, defineCustomElement as d };
