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

const footerColumnCss = () => `.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}`;

const FooterColumn = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    get el() { return getElement(this); }
    render() {
        return (h("div", { key: '1df2b146ce4f84b3b27b759289c15709553c62a2', class: "col" }, h("slot", { key: '69df506a01d1460134cdc1ab59083b5ad0a4cb3c', name: "title" }), h("span", { key: 'ff60c5e4ba4261d0be78e62cc2e281b292e0bd03', "aria-label": "navigation link" }, h("slot", { key: 'f66be4bdeca58a1b4bfb0616ca6f695319ed7cad', name: "link" }))));
    }
};
FooterColumn.style = footerColumnCss();

export { FooterColumn as ifx_footer_column };
//# sourceMappingURL=ifx-footer-column.entry.js.map

//# sourceMappingURL=ifx-footer-column.entry.js.map