@rws-aoa/react-library
Version:
RWS AOA Design System
35 lines (34 loc) • 1.33 kB
JavaScript
import { jsx as r } from "react/jsx-runtime";
import { Alert as n, alertClasses as o } from "@mui/material";
import { l as i } from "../../../chunks/lodash.CA_K01A9.js";
import { FontNormalSxProps as t } from "../../../_constants.js";
import { IconError as c } from "./_icons/Error.js";
import { IconInfo as s } from "./_icons/Info.js";
import { IconSuccess as e } from "./_icons/Success.js";
import { IconWarning as l } from "./_icons/Warning.js";
function v(a) {
return /* @__PURE__ */ r(n, { "data-qa": a["data-qa"], iconMapping: {
error: /* @__PURE__ */ r(c, {}),
warning: /* @__PURE__ */ r(l, {}),
info: /* @__PURE__ */ r(s, {}),
success: /* @__PURE__ */ r(e, {})
}, severity: a.severity, sx: i.merge({
color: "var(--color-text)",
[`&.${o.standard}.${o.colorSuccess}`]: {
backgroundColor: "var(--color-rijks-notification-green)"
},
[`&.${o.standard}.${o.colorError}`]: {
backgroundColor: "var(--color-rijks-notification-red)"
},
[`&.${o.standard}.${o.colorWarning}`]: {
backgroundColor: "var(--color-rijks-notification-yellow)"
},
[`&.${o.standard}.${o.colorInfo}`]: {
backgroundColor: "var(--color-rijks-notification-blue)"
}
}, t, a.sx), children: a.message });
}
export {
v as AoaNotification
};
//# sourceMappingURL=Notification.js.map