import { h, Host } from "@stencil/core";
export class PnQuoteCard {
    constructor() {
        this.quote = null;
        this.name = null;
        this.occupation = null;
    }
    hostElement;
    render() {
        return (h(Host, { key: 'adf7a00980ef81bddf83262dcc24540f962abf27' }, h("div", { key: '4b8ec2139d33c1d432c269ba04c8e13732b46dcd', class: "pn-quote-card__section" }, h("div", { key: '67713c139963d7e2477fcf0b6d078d336a768940', class: "pn-quote-card__container" }, h("slot", { key: 'b68d98f863024314c4d14e6697ce2e2396041cc8', name: "vertical-line" }, " "), h("div", { key: 'f712e28f92b230e64fe5ffc5abf001443a9d16ec', class: "pn-quote-card__quote__container" }, h("blockquote", { key: 'cd1eb6e0c9d973aa816b2c8644be9c05558e7c17', class: "pn-quote-card__quote" }, h("svg", { key: '947cdf4204f8e2aea7ba33cb7b2a4c1f3b919415', width: "25", height: "18", viewBox: "0 0 25 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ec7acd41030a16824b604eda941c3cde35e69647', d: "M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z", fill: "white" })), this.quote), h("slot", { key: 'ee71250def5a98c730ae00a60761868e4cf2b2f0', name: "horizontal-line" }), h("div", { key: '41f86563902c051b7c2ec0d915244b6f6c7b8533', class: "pn-quote-card__reference__container" }, h("slot", { key: 'e1dce0ca310574a9da9ba5c15ba823f1e70c61fa', name: "illustration" }), h("div", { key: 'a06f795ff2d1d7165b8b0f654c5ee9bd8fb4eca9', class: "pn-quote-card__reference" }, h("span", { key: '3507763b1414b00076fdaa9cfb6b5c7ec1e36cb5', class: "pn-quote-card__reference__name" }, this.name), h("span", { key: 'ce5f2580a1cb9c00e99536228c0c2cc784ef9fe2', class: "pn-quote-card__reference__occupation" }, this.occupation)))), h("div", { key: 'c3c7b60385beb22bfdb9ce05b77f44199d5b8fbb', class: "pn-quote-card__large-photo" }, h("slot", { key: 'eb72a8ce622a9166271549bb0090c68e9847ae17', name: "illustration-big" }))))));
    }
    static get is() { return "pn-quote-card"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-quote-card.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-quote-card.css"]
        };
    }
    static get properties() {
        return {
            "quote": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "quote",
                "reflect": false,
                "defaultValue": "null"
            },
            "name": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "name",
                "reflect": false,
                "defaultValue": "null"
            },
            "occupation": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "occupation",
                "reflect": false,
                "defaultValue": "null"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-quote-card.js.map
