import { h, Host } from "@stencil/core";
import { FooterVariation } from "./footer-variation.enum";
import { LayoutBlockVariation } from "../../../enums";
/**
 * @slot content-top - Ska innehålla en div per kolumn, i dessa används <digi-footer-card /> för informationen.
 *
 * @slot content-bottom-left - Ska innehålla länk och logotyp
 *
 * @slot content-bottom-right - Ska innehålla länkar till sociala medier.
 *
 * @enums FooterVariation - footer-variation.enum.ts
 *
 * @swedishName Sidfot
 */
export class FooterFooter {
    constructor() {
        this.afVariation = FooterVariation.LARGE;
    }
    get cssModifiers() {
        return {
            'digi-footer--small': this.afVariation == FooterVariation.SMALL
        };
    }
    render() {
        return (h(Host, { key: '01f991e208985e0f4baa2370e1759796e79e16e2' }, h("footer", { key: 'ec717c1ea929b7e8f4768a8f2cda28d44c40457c', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '0f880d2402708f5d5b9750ed79c4e5da249d79d0' }, h("digi-layout-block", { key: '33ebd6330a7a5a491c74dd8b0ba02ef4498fd418', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'f646697637b94cefb4d15d68e5577dd36f5cca56', "af-no-gutter": true }, h("div", { key: '1489000ea40378ff7c53d90eba8b6514bc921c67', class: "digi-footer__content-top" }, h("slot", { key: '694e5154560344d84fbaf6aac24ec81887054e15', name: "content-top" })), h("div", { key: '016b0d947e1874414636808aa97471561d310c6f', class: "digi-footer__content-bottom" }, h("slot", { key: '7ed92012150110ae25bc17ee35c9417fa6f58b31', name: "content-bottom-left" }), h("slot", { key: '7e46f29f763f76fd30605bde73b5b23542906b88', name: "content-bottom-right" }))))))));
    }
    static get is() { return "digi-footer"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["footer.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["footer.css"]
        };
    }
    static get properties() {
        return {
            "afVariation": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "FooterVariation",
                    "resolved": "FooterVariation.LARGE | FooterVariation.SMALL",
                    "references": {
                        "FooterVariation": {
                            "location": "import",
                            "path": "./footer-variation.enum",
                            "id": "src/components/_footer/footer/footer-variation.enum.ts::FooterVariation"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Set variation. Can be 'large' or 'small'"
                        }],
                    "text": "S\u00E4tter variation. Kan vara stor eller liten"
                },
                "getter": false,
                "setter": false,
                "attribute": "af-variation",
                "reflect": false,
                "defaultValue": "FooterVariation.LARGE"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
