import { c } from "react-compiler-runtime";
import React from "react";
import { Box, alpha, makeStyles } from "@material-ui/core";
//#region src/UI/utilityDisplay/IndicatorChip.jsx
const useStyles = makeStyles((theme) => ({ root: {
	letterSpacing: "0.00714286rem",
	display: "inline-flex",
	alignItems: "center",
	justifyContent: "center",
	height: "32px",
	backgroundColor: (props) => props.status?.toLowerCase() === "ok" ? alpha(theme.palette.success.light, .3) : props.status?.toLowerCase() === "warning" ? alpha(theme.palette.warning.light, .3) : alpha(theme.palette.error.light, .3),
	borderRadius: "8px",
	whiteSpace: "nowrap",
	overflow: "hidden",
	transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
	boxSizing: "border-box",
	boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15)",
	fontSize: "0.875rem",
	maxWidth: "100%",
	position: "relative",
	fontWeight: 500,
	padding: "10px"
} }));
const IndicatorChip = (props) => {
	const $ = c(3);
	const classes = useStyles(props);
	const { text } = props;
	let t0;
	if ($[0] !== classes.root || $[1] !== text) {
		t0 = /* @__PURE__ */ React.createElement(Box, { className: classes.root }, text);
		$[0] = classes.root;
		$[1] = text;
		$[2] = t0;
	} else t0 = $[2];
	return t0;
};
//#endregion
export { IndicatorChip };

//# sourceMappingURL=IndicatorChip.mjs.map