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

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

const PdsProperty = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * 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' }))));
    }
};
PdsProperty.style = pdsPropertyCss;

export { PdsProperty as pds_property };
//# sourceMappingURL=pds-property.entry.js.map
