<div className={'ant-alert' + (type ? " ant-alert-" + type : "") + (!showIcon ? " ant-alert-no-icon" : "") + (description?" ant-alert-with-description":"")}>
    {showIcon && type === 'warning' && <span className="anticon ant-alert-icon"><es-icon type="ExclamationCircleFilled"></es-icon></span>}
    {showIcon && type === 'success' && <span className="anticon ant-alert-icon"><es-icon type="CheckCircleFilled"></es-icon></span>}
    {showIcon && type === 'info' && <span className="anticon ant-alert-icon"><es-icon type="InfoCircleFilled"></es-icon></span>}
    {showIcon && type === 'error' && <span className="anticon ant-alert-icon"><es-icon type="CloseCircleFilled"></es-icon></span>}
    <div className="ant-alert-content">
        <div className="ant-alert-message">{message}</div>
        {description && <div className="ant-alert-description" ><es-slot content="{{description}}"></es-slot></div>}
    </div>
</div>