import { h } from "@stencil/core";
export class ChatAvatar {
    render() {
        if (!this.senderType)
            return null;
        return (
        // <div class="avatar-column flex items-start"> {`text-${this.senderType === "agent" ? "blue" : ""}`}
        h("div", { class: `rounded-full w-6 h-6 p-2 grid place-content-center` }, this.avatarUrl ? (h("img", { src: this.avatarUrl, class: "w-8 h-8 rounded-full", alt: `${this.senderType} avatar` })) : (h("i", { class: `block text-body1 default-botAvatar`, title: `${this.senderType} avatar`, "aria-label": `${this.senderType} avatar` }, this.senderType === "bot" ? (h("svg", { width: "28", height: "28", viewBox: "0 0 48 48", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M24 2c-3 8-8 13-16 16 8 3 13 8 16 16 3-8 8-13 16-16-8-3-13-8-16-16z" }))) : (h("svg", { class: "w-5 h-5", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5S7 4.24 7 7s2.24 5 5 5zm0 2c-3.31 0-6 2.69-6 6v1h12v-1c0-3.31-2.69-6-6-6z" }))))))
        // </div>
        );
    }
    static get is() { return "chat-avatar"; }
    static get properties() {
        return {
            "senderType": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "\"bot\" | \"agent\"",
                    "resolved": "\"agent\" | \"bot\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "sender-type"
            },
            "avatarUrl": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "avatar-url"
            }
        };
    }
}
