import { p as proxyCustomElement, H, h } from './index.js';

const dropdownHeaderCss = ":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}";

const DropdownHeader = /*@__PURE__*/ proxyCustomElement(class DropdownHeader extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h("div", { key: 'fb44be3a97b0d43bdc771a216cdf66dbb6d9fd60', class: 'dropdown-header' }, h("span", { key: 'e5303390c42d9f6d536fe747e3aece317ba4cf18' }, h("slot", { key: 'a513ba5f1960a0c00099103b81449ee1ec30b9c1' }))));
    }
    static get style() { return dropdownHeaderCss; }
}, [257, "ifx-dropdown-header"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-dropdown-header"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-dropdown-header":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DropdownHeader);
            }
            break;
    } });
}

const IfxDropdownHeader = DropdownHeader;
const defineCustomElement = defineCustomElement$1;

export { IfxDropdownHeader, defineCustomElement };
//# sourceMappingURL=ifx-dropdown-header.js.map

//# sourceMappingURL=ifx-dropdown-header.js.map