import { r as registerInstance, h } from './index-148a7577.js';

const typographyPreambleCss = ".sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--preamble--font-size--mobile);font-weight:var(--digi--typography--preamble--font-weight--desktop);line-height:var(--digi--typography--preamble--line-height--mobile);color:var(--digi--color--text--primary);max-width:var(--digi--paragraph-width--medium)}@media (min-width: 61.9375rem){.sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-size:var(--digi--typography--preamble--font-size--desktop);line-height:var(--digi--typography--preamble--line-height--desktop)}}";
const DigiTypographyPreambleStyle0 = typographyPreambleCss;

const TypographyPreamble = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h("p", { key: '85b577c52de51ec05cce65cae87d65c5f2b079cc', class: "digi-typography-preamble" }, h("slot", { key: 'ccfb6218e79c09bcebcfdf3735fdbb2d47de8fef' })));
    }
};
TypographyPreamble.style = DigiTypographyPreambleStyle0;

export { TypographyPreamble as digi_typography_preamble };
