import { h } from "@stencil/core";
import { TypographyMetaVariation } from "./typography-meta-variation.enum";
/**
 * @slot default - Kan användas för olika element, ett text element är föredraget.
 * @slot secondary - Kan användas för olika element, ett text element är föredraget.
 *
 * @enums TypographyMetaVariation - typography-meta-variation.enum.ts
 * @swedishName Metatext
 */
export class TypographyMeta {
    constructor() {
        this.afVariation = TypographyMetaVariation.PRIMARY;
    }
    get cssModifiers() {
        return {
            [`digi-typography-meta--variation-${this.afVariation}`]: !!this.afVariation
        };
    }
    render() {
        return (h("div", { key: 'd0083987114c463ae4d508658c1f4630a3b7ea23', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '734a91732d0586e4a58cd75dc8a095fdaf4e4948', class: "digi-typography-meta__meta" }, h("slot", { key: 'ca615cbe1902b3e0f6470273790a0e859c653dfc' })), h("div", { key: '0ec88f5c1a77b8a247b8c004141edadd7cc47988', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'fb0a412f4c909473f23f980aa5399628c2b02da2', name: "secondary" }))));
    }
    static get is() { return "digi-typography-meta"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["typography-meta.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["typography-meta.css"]
        };
    }
    static get properties() {
        return {
            "afVariation": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "`${TypographyMetaVariation}`",
                    "resolved": "\"primary\" | \"secondary\"",
                    "references": {
                        "TypographyMetaVariation": {
                            "location": "import",
                            "path": "./typography-meta-variation.enum",
                            "id": "src/components/_typography/typography-meta/typography-meta-variation.enum.ts::TypographyMetaVariation"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Set variation. Can be primary or secondary."
                        }],
                    "text": "S\u00E4tter variant. Kan vara prim\u00E4r eller sekund\u00E4r."
                },
                "getter": false,
                "setter": false,
                "attribute": "af-variation",
                "reflect": false,
                "defaultValue": "TypographyMetaVariation.PRIMARY"
            }
        };
    }
}
