"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AlertVariant = exports.AlertType = void 0;
exports.default = Alert;
const classnames_1 = __importDefault(require("classnames"));
const react_1 = __importDefault(require("react"));
const Icon_1 = __importDefault(require("./Icon/Icon"));
var AlertType;
(function (AlertType) {
    AlertType["Alert"] = "--alert";
    AlertType["Accent1"] = "--accent-1";
    AlertType["Accent2"] = "--accent-2";
    AlertType["Accent3"] = "--accent-3";
    AlertType["Success"] = "--success";
    AlertType["Danger"] = "--danger";
    AlertType["LightGray"] = "--light-gray";
})(AlertType || (exports.AlertType = AlertType = {}));
var AlertVariant;
(function (AlertVariant) {
    AlertVariant["Filled"] = "--filled";
})(AlertVariant || (exports.AlertVariant = AlertVariant = {}));
function Alert(props) {
    const type = props.type ? props.type : AlertType.Success;
    const classes = (0, classnames_1.default)('c-alert', props.className, type, props.variant, {
        '--heavy-padding': props.heavyPadding,
        '--icon-center': props.iconAlignCenter,
        '--no-icon-margin': props.noIconMargin,
        'u-marg-bottom--none': props.noMargin,
        '--no-border': props.noBorder,
    });
    return (react_1.default.createElement("div", { className: classes },
        props.icon && react_1.default.createElement(Icon_1.default, { className: props.iconClassName, icon: props.icon, size: props.iconSize || '16px', color: props.iconColor }),
        props.children));
}
//# sourceMappingURL=Alert.js.map