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: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', 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"; }
}
