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

const dropdownHeaderCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, 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 = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    return (h("div", { class: 'dropdown-header' }, h("span", null, h("slot", null))));
  }
};
DropdownHeader.style = dropdownHeaderCss;

export { DropdownHeader as ifx_dropdown_header };

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