import { Host, h } from "@stencil/core";
export class InputPrefix {
    constructor() {
        /**
         * The ligature for the icon
         */
        this.icon = '';
    }
    render() {
        return h(Host, { class: { 'anjuna-icon': !!this.icon }, slot: "start" }, this.icon ? this.icon : undefined);
    }
    static get is() { return "anj-input-prefix"; }
    static get originalStyleUrls() { return {
        "$": ["input-prefix.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["input-prefix.css"]
    }; }
    static get properties() { return {
        "icon": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "The ligature for the icon"
            },
            "attribute": "icon",
            "reflect": false,
            "defaultValue": "''"
        }
    }; }
}
