import { h } from "@stencil/core";
/**
 * @slot default - Kan innehålla vad som helst
 *
 * @enums TypographyVariation - typography-variation.enum.ts
 * @swedishName Typografi
 */
export class Typography {
    constructor() {
        this.hideVisitedColor = undefined;
    }
    get cssModifiers() {
        return {
            'digi-typography--hide-visited': this.hideVisitedColor
        };
    }
    render() {
        return (h("div", { key: 'a99d053379cc19d579603d972573477070909937', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '74ab273311e46d20480867356728363196e5d0de' })));
    }
    static get is() { return "digi-typography"; }
    static get originalStyleUrls() {
        return {
            "$": ["typography.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["typography.css"]
        };
    }
    static get properties() {
        return {
            "hideVisitedColor": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "If link color should change when visited"
                        }],
                    "text": "Avg\u00F6r om f\u00E4rgen inte ska \u00E4ndras p\u00E5 bes\u00F6kta l\u00E4nkar"
                },
                "getter": false,
                "setter": false,
                "attribute": "hide-visited-color",
                "reflect": false
            }
        };
    }
}
