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

const footerColumnCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.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);
    }
    render() {
        return (h("div", { key: '4883ac3ed1c026a0b2c7ae1f208c6aa407f28bf2', class: "col" }, h("slot", { key: 'b494596e8b7bd57bd731d2b2b0f657d254278a02', name: "title" }), h("span", { key: '81060ae390a818a605822d806c62f28c5356c468', "aria-label": 'navigation link' }, h("slot", { key: '118404fadfc91c9e6af7a5b801b149ffde523b3d', name: "link" }))));
    }
    get el() { return getElement(this); }
};
FooterColumn.style = footerColumnCss;

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

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