import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { d as defineCustomElement$3 } from './pds-box2.js';
import { d as defineCustomElement$2 } from './pds-icon2.js';

const pdsPropertyCss = ":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";

const PdsProperty$1 = /*@__PURE__*/ proxyCustomElement(class PdsProperty extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.__attachShadow();
        /**
         * The name of the icon to display before the property text.
         */
        this.icon = 'star';
    }
    render() {
        return (h(Host, { key: '947e0adfc46ab267b4a5f3e3da5dedcd8ab64d3e', id: this.componentId }, h("pds-box", { key: 'bc6fbd4eaa162a7d9ff6348d74bf15f71e776db6', "align-items": "center", gap: "xs" }, h("pds-icon", { key: '5d703e9afd94761aae842c82c7b5e9223b63b894', icon: this.icon, size: "var(--pine-dimension-sm)", "aria-hidden": "true" }), h("slot", { key: 'e5e02fb21c783f7e4027591e99cd966981babc04' }))));
    }
    static get style() { return pdsPropertyCss; }
}, [257, "pds-property", {
        "componentId": [1, "component-id"],
        "icon": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pds-property", "pds-box", "pds-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "pds-property":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PdsProperty$1);
            }
            break;
        case "pds-box":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "pds-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const PdsProperty = PdsProperty$1;
const defineCustomElement = defineCustomElement$1;

export { PdsProperty, defineCustomElement };
//# sourceMappingURL=pds-property.js.map

//# sourceMappingURL=pds-property.js.map