@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
42 lines • 1.38 kB
JavaScript
import React from "react";
import { CheckmarkCircleFillIcon, CheckmarkCircleIcon, ExclamationmarkTriangleFillIcon, ExclamationmarkTriangleIcon, MegaphoneSpeakingFillIcon, MegaphoneSpeakingIcon, XMarkOctagonFillIcon, XMarkOctagonIcon, } from "@navikt/aksel-icons";
function baseAlertStatusToDataColor(status) {
switch (status) {
case "announcement":
return "neutral";
case "success":
return "success";
case "warning":
return "warning";
case "error":
return "danger";
}
return "neutral";
}
const STATUS_ICONS = {
announcement: {
fill: MegaphoneSpeakingFillIcon,
outline: MegaphoneSpeakingIcon,
},
success: {
fill: CheckmarkCircleFillIcon,
outline: CheckmarkCircleIcon,
},
warning: {
fill: ExclamationmarkTriangleFillIcon,
outline: ExclamationmarkTriangleIcon,
},
error: {
fill: XMarkOctagonFillIcon,
outline: XMarkOctagonIcon,
},
};
function BaseAlertStatusIcon({ status, fill = true, }) {
if (!status) {
return null;
}
const Icon = fill ? STATUS_ICONS[status].fill : STATUS_ICONS[status].outline;
return React.createElement(Icon, { "aria-hidden": true });
}
export { BaseAlertStatusIcon, baseAlertStatusToDataColor };
//# sourceMappingURL=BaseAlertRoot.utils.js.map