'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-7a477838.js');

const infoCardMultiContainerCss = ".sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__content.sc-digi-info-card-multi-container{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(365px, 1fr))}";
const DigiInfoCardMultiContainerStyle0 = infoCardMultiContainerCss;

const InfoCardMultiContainer = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.afHeading = undefined;
        this.afHeadingLevel = undefined;
    }
    render() {
        return (index.h("div", { key: 'ada50b5a90d5a530564aeaad7c44cd4a97019800', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (index.h(this.afHeadingLevel, { key: '064c5475597c6458dcf894906fb30f41b28e3d88', class: "digi-info-card-multi-container__heading" }, this.afHeading)), index.h("digi-layout-columns", { key: '8a11375b990c9d8f5d06f5d3246f1429778e4c3d', "af-variation": "three" }, index.h("slot", { key: 'a91415ac9398d754afc3c017f74a139a051bb4b7' }))));
    }
};
InfoCardMultiContainer.style = DigiInfoCardMultiContainerStyle0;

exports.digi_info_card_multi_container = InfoCardMultiContainer;
