import { r as registerInstance, h } from './index-148a7577.js';
import { T as TypographyMetaVariation } from './typography-meta-variation.enum-1f7c2878.js';

const typographyMetaCss = ".sc-digi-typography-meta-h{--digi--typography-meta--font-weight--semibold:var(--digi--typography--preamble--font-weight--desktop);--digi--typography-meta--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--typography-meta--font-family:var(--digi--global--typography--font-family--default);--digi--typography-meta--meta--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography--body--font-weight--desktop)}.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta-secondary--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta.sc-digi-typography-meta{font-size:var(--digi--typography-meta--font-size);font-family:var(--digi--typography-meta--font-family)}.sc-digi-typography-meta-h .digi-typography-meta--variation-primary.sc-digi-typography-meta .digi-typography-meta__meta.sc-digi-typography-meta{--digi--typography-meta--meta--font-weight:var(--digi--typography-meta--font-weight--semibold)}.sc-digi-typography-meta-h .digi-typography-meta--variation-secondary.sc-digi-typography-meta .digi-typography-meta__meta-secondary.sc-digi-typography-meta{--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography-meta--font-weight--semibold)}";
const DigiTypographyMetaStyle0 = typographyMetaCss;

const TypographyMeta = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.afVariation = TypographyMetaVariation.PRIMARY;
    }
    get cssModifiers() {
        return {
            [`digi-typography-meta--variation-${this.afVariation}`]: !!this.afVariation
        };
    }
    render() {
        return (h("div", { key: 'dd6a1ac06598c79765642af91cd34ba09c5f44b9', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'a809390d81933ec7308b3e1728d131f4c11512c1', class: "digi-typography-meta__meta" }, h("slot", { key: '910cbb74ec55a15d820e3c6f82003db6a32fb46d' })), h("div", { key: 'd43dcde99814a5c422e4b0d50374dfda6e7ab880', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'ee07f4af89604b96f661a5cb7abcd8a9bb798e2f', name: "secondary" }))));
    }
};
TypographyMeta.style = DigiTypographyMetaStyle0;

export { TypographyMeta as digi_typography_meta };
