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

const footerColumnCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, 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 Card = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    return (h("div", { class: "col" }, h("slot", { name: "title" }), h("span", { "aria-label": 'navigation link' }, h("slot", { name: "link" }))));
  }
  get el() { return getElement(this); }
};
Card.style = footerColumnCss;

export { Card as ifx_footer_column };

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