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: '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" }))));
    }
    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"
            }
        };
    }
}
