import { p as proxyCustomElement, H, h } from './p-a53686b3.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 = /*@__PURE__*/ proxyCustomElement(class TypographyPreamble extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("p", { key: '98b2a45c25c8d544e8d760983744665bf84ba96b', class: "digi-typography-preamble" }, h("slot", { key: 'fe1d32a81071ef11edfbe8a453d5096473065f89' })));
    }
    static get style() { return DigiTypographyPreambleStyle0; }
}, [6, "digi-typography-preamble"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-typography-preamble"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-typography-preamble":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TypographyPreamble);
            }
            break;
    } });
}

const DigiTypographyPreamble = TypographyPreamble;
const defineCustomElement = defineCustomElement$1;

export { DigiTypographyPreamble, defineCustomElement };
