import { h } from '../edel-elements.core.js';

class EdelCardIconComponent {
    constructor() {
        this.color = undefined;
        this.icon = null;
    }
    render() {
        return h("i", { class: `fas fa-${this.icon} fa-3x` });
    }
    componentDidLoad() {
        if (!this.color)
            return;
        this.hostElement.style.color = this.color;
    }
    hostData() {
        return {
            class: 'card-icon'
        };
    }
    static get is() { return "edel-card-icon"; }
    static get properties() { return {
        "color": {
            "type": String,
            "attr": "color",
            "watchCallbacks": ["componentDidLoad"]
        },
        "hostElement": {
            "elementRef": true
        },
        "icon": {
            "type": String,
            "attr": "icon"
        }
    }; }
}

export { EdelCardIconComponent as EdelCardIcon };
