import { Host, h } from "@stencil/core";
export class PnCtaBlock {
    constructor() {
        this.heading = null;
        this.bodyText = null;
        this.pnBackgroundColor = null;
        this.isLarge = false;
        this.isCentered = false;
        this.isSmall = false;
        this.contentTop = false;
    }
    hostElement;
    render() {
        const hasImage = this.hostElement.querySelector('[slot="illustration"]');
        const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
        return (h(Host, { key: '8b2108e0a03e9545be40625634ab9557d868b812' }, h("div", { key: '53a19992a4c642703476963faa81dae31783f3e7', "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
            h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), h("div", { key: '6dbd1b2f7318308ed374582ca50638453a834b73', class: "cta-block__content" }, (this.heading) ? h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
            h("div", { class: "cta-block__action" }, h("slot", { name: "cta-buttons" })) : null))));
    }
    static get is() { return "pn-cta-block"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-cta-block.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-cta-block.css"]
        };
    }
    static get properties() {
        return {
            "heading": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "heading",
                "reflect": false,
                "defaultValue": "null"
            },
            "bodyText": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "body-text",
                "reflect": false,
                "defaultValue": "null"
            },
            "pnBackgroundColor": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "pn-background-color",
                "reflect": false,
                "defaultValue": "null"
            },
            "isLarge": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "is-large",
                "reflect": false,
                "defaultValue": "false"
            },
            "isCentered": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "is-centered",
                "reflect": false,
                "defaultValue": "false"
            },
            "isSmall": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "is-small",
                "reflect": false,
                "defaultValue": "false"
            },
            "contentTop": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "content-top",
                "reflect": false,
                "defaultValue": "false"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-cta-block.js.map
