import template from "./Alert.html";
import style from "antd/lib/alert/style/index.css";

class Alert {
    useModules = ["esNgAntd"];

    state = {
        icons: {
            warning: "ExclamationCircleFilled",
            success: "CheckCircleFilled",
            info: "InfoCircleFilled",
            error: "CloseCircleFilled",
        },
    };

    constructor() {
        esNgAntd.createStyle("ant-alert", style);
        esNgAntd.clearAttribute($element[0], [
            "ng-class",
            "type",
            "message",
            "show-icon",
            "description",
        ]);
    }

    render() {
        return template;
    }
}

Alert.propTypes = {
    type: PropTypes.string,
    message: PropTypes.string,
    showIcon: PropTypes.boolean,
    description: PropTypes.string,
};