import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Check, CircleInfo, TriangleExclamation, Xmark } from '@gravity-ui/icons';
import { Icon, Text } from '@gravity-ui/uikit';
import { editorCn } from "../../utils/cn.js";
const b = editorCn('message-card');
import './MessageCard.css';
const DEFAULT_ICONS = {
    success: Check,
    error: Xmark,
    warning: TriangleExclamation,
    info: CircleInfo,
};
export const MessageCard = ({ title, description, theme, icon }) => {
    const IconComponent = icon || DEFAULT_ICONS[theme];
    return (_jsxs("div", { className: b({ theme }), children: [_jsx(Icon, { className: b('icon'), data: IconComponent, size: 20 }), _jsxs("div", { className: b('content'), children: [_jsx(Text, { variant: "subheader-1", className: b('title'), children: title }), _jsx(Text, { variant: "body-1", color: "secondary", className: b('description'), children: description })] })] }));
};
//# sourceMappingURL=MessageCard.js.map
