@parkassist/pa-ui-library
Version:
INX Platform elements
65 lines • 1.98 kB
JavaScript
var __rest = this && this.__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import Badge from '@mui/material/Badge';
import { withStyles } from "@mui/styles";
import { Palette } from "../../index";
const badgeColor = color => {
if ((color === null || color === void 0 ? void 0 : color.trim().indexOf("#")) === 0) {
return color;
} else {
switch (color) {
case "error":
return Palette.ERROR_RED;
case "info":
return Palette.INFO_BLUE;
case "primary":
return Palette.SUCCESS_GREEN;
case "secondary":
return Palette.BLACK;
case "warning":
return Palette.WARNING_ORANGE;
case "success":
return Palette.SUCCESS_GREEN;
default:
return Palette.WHITE_SMOKE;
}
}
};
const styles = theme => ({
customBadge: {
backgroundColor: props => badgeColor(props.color),
color: props => props.color === "default" ? Palette.BLACK : Palette.WHITE,
border: props => props.color === "default" ? `1px solid ${Palette.BLACK}` : `none`
}
});
const BadgeItem = _a => {
var {
badgeContent,
color,
content,
variant = 'standard',
showBadge = true
} = _a,
props = __rest(_a, ["badgeContent", "color", "content", "variant", "showBadge"]);
const {
classes
} = props;
return _jsx(Badge, {
badgeContent: badgeContent,
classes: {
badge: classes.customBadge
},
variant: variant,
invisible: !showBadge,
children: content
});
};
export default withStyles(styles)(BadgeItem);