import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Close as CloseIcon } from "./close";
import { Error as ErrorIcon } from "./error";
import { Action, ActionWrapper, Close, Content, Description, Title, TypeIcon, Wrapper, } from "./notification.styled";
import { Ok as OkIcon } from "./ok";
import { NotificationType, } from "../../../types/notification";
export const Notification = (props) => {
    return (_jsxs(Wrapper, { className: props.type, children: [_jsxs(TypeIcon, { children: [props.type === NotificationType.info && _jsx(OkIcon, {}), props.type === NotificationType.error && _jsx(ErrorIcon, {})] }), _jsxs(Content, { children: [_jsx(Title, { children: props.title }), _jsx(Description, { children: props.desc }), _jsx(ActionWrapper, { children: props.actions?.map((action, i) => (_jsx(Action, { onClick: action.onClick, children: action.label }, i))) })] }), _jsx(Close, { onClick: props.onClose, children: _jsx(CloseIcon, {}) })] }));
};
//# sourceMappingURL=notification.js.map