'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: 'f1ab36682c5969e0bd557c77b216035d3418cdfd', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (index.h(this.afHeadingLevel, { key: 'ede81660e819ff2d4fb577f3856a26dec7db620f', class: "digi-info-card-multi-container__heading" }, this.afHeading)), index.h("digi-layout-columns", { key: '690ab40b10407912d3a21578129e8e3aae092c1a', "af-variation": "three" }, index.h("slot", { key: '0f57c2475c61e59823e62b8fd647f91942176e1b' }))));
    }
};
InfoCardMultiContainer.style = DigiInfoCardMultiContainerStyle0;

exports.digi_info_card_multi_container = InfoCardMultiContainer;
