import { c } from "react-compiler-runtime";
import React from "react";
import { Avatar, makeStyles, useTheme } from "@material-ui/core";
import clsx from "clsx";
import { AlertSolidIcon, CheckMarkIcon, WarningSolidIcon } from "@fluentui/react-icons";
import { TimelineDot } from "@material-ui/lab";
//#region src/UI/timeline/TimeEntryStates.jsx
const useStyles = makeStyles((theme) => ({
	avatar: {
		width: 35,
		height: 35,
		fontSize: 16
	},
	spacer: {
		marginTop: theme.spacing(1),
		marginBottom: theme.spacing(1)
	},
	alert: { color: theme.palette.error.dark },
	avatarWarning: {
		width: 25,
		height: 25,
		fontSize: 12,
		paddingLeft: 1,
		paddingBottom: 1
	}
}));
const TimeEntryStates = (props) => {
	const $ = c(18);
	let eventState;
	const { type } = props;
	const classes = useStyles();
	const theme = useTheme();
	bb0: switch (type) {
		case "alert": {
			let t0;
			if ($[0] !== classes.alert || $[1] !== classes.spacer) {
				t0 = clsx(classes.spacer, classes.alert);
				$[0] = classes.alert;
				$[1] = classes.spacer;
				$[2] = t0;
			} else t0 = $[2];
			let t1;
			if ($[3] !== t0) {
				t1 = /* @__PURE__ */ React.createElement(AlertSolidIcon, { className: t0 });
				$[3] = t0;
				$[4] = t1;
			} else t1 = $[4];
			eventState = t1;
			break bb0;
		}
		case "success": {
			let t0;
			if ($[5] !== theme.palette.success.main) {
				t0 = { backgroundColor: theme.palette.success.main };
				$[5] = theme.palette.success.main;
				$[6] = t0;
			} else t0 = $[6];
			let t1;
			if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = /* @__PURE__ */ React.createElement(CheckMarkIcon, null);
				$[7] = t1;
			} else t1 = $[7];
			let t2;
			if ($[8] !== classes.avatar || $[9] !== t0) {
				t2 = /* @__PURE__ */ React.createElement(Avatar, {
					className: classes.avatar,
					style: t0
				}, t1);
				$[8] = classes.avatar;
				$[9] = t0;
				$[10] = t2;
			} else t2 = $[10];
			eventState = t2;
			break bb0;
		}
		case "warning": {
			let t0;
			if ($[11] !== theme.palette.warning.main) {
				t0 = { backgroundColor: theme.palette.warning.main };
				$[11] = theme.palette.warning.main;
				$[12] = t0;
			} else t0 = $[12];
			let t1;
			if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = /* @__PURE__ */ React.createElement(WarningSolidIcon, null);
				$[13] = t1;
			} else t1 = $[13];
			let t2;
			if ($[14] !== classes.avatarWarning || $[15] !== t0) {
				t2 = /* @__PURE__ */ React.createElement(Avatar, {
					className: classes.avatarWarning,
					style: t0
				}, t1);
				$[14] = classes.avatarWarning;
				$[15] = t0;
				$[16] = t2;
			} else t2 = $[16];
			eventState = t2;
			break bb0;
		}
		default: {
			let t0;
			if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
				t0 = /* @__PURE__ */ React.createElement(TimelineDot, { variant: "outlined" });
				$[17] = t0;
			} else t0 = $[17];
			eventState = t0;
		}
	}
	return eventState;
};
//#endregion
export { TimeEntryStates };

//# sourceMappingURL=TimeEntryStates.mjs.map