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

const sidebarTitleCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem \"Source Sans 3\";text-transform:uppercase;color:#575352;letter-spacing:3px}";

const SidebarTitle = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    return (h("div", { class: 'sidebar__title' }, h("div", { class: 'sidebar__title-label' }, h("slot", null))));
  }
  get el() { return getElement(this); }
};
SidebarTitle.style = sidebarTitleCss;

export { SidebarTitle as ifx_sidebar_title };

//# sourceMappingURL=ifx-sidebar-title.entry.js.map