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

const dropdownHeaderCss = () => `.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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h("div", { key: 'c7b2f93c130964df1f252899b663a937376c567b', class: "dropdown-header" }, h("span", { key: '3f8aba4e04e81ba004c2210de1b685b5d070e2b5' }, h("slot", { key: '824c5b5a75b278b4ded780cf7ca597b310ecd833' }))));
    }
};
DropdownHeader.style = dropdownHeaderCss();

export { DropdownHeader as ifx_dropdown_header };
