import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles, useTheme } from "@material-ui/core";
import PropTypes from "prop-types";
//#region src/componentSystems/multiThreadTimeline/ui/TimelineDateBar.jsx
const useStyles = makeStyles((theme) => ({ root: {
	height: theme.spacing(.5),
	width: "100%"
} }));
const TimelineDateBar = (t0) => {
	const $ = c(28);
	const { month, months: t1 } = t0;
	useTheme();
	const classes = useStyles();
	let t2;
	if ($[0] !== classes) {
		t2 = (t3) => {
			const { color } = t3;
			return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
				className: classes.root,
				style: { background: color }
			}));
		};
		$[0] = classes;
		$[1] = t2;
	} else t2 = $[1];
	const Bar = t2;
	let ellipseColor;
	bb0: switch (month) {
		case 1: {
			let t3;
			if ($[2] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#A5D7E1" });
				$[2] = Bar;
				$[3] = t3;
			} else t3 = $[3];
			ellipseColor = t3;
			break bb0;
		}
		case 2: {
			let t3;
			if ($[4] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#FD8A8E" });
				$[4] = Bar;
				$[5] = t3;
			} else t3 = $[5];
			ellipseColor = t3;
			break bb0;
		}
		case 3: {
			let t3;
			if ($[6] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#ee5396" });
				$[6] = Bar;
				$[7] = t3;
			} else t3 = $[7];
			ellipseColor = t3;
			break bb0;
		}
		case 4: {
			let t3;
			if ($[8] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#3EA77E" });
				$[8] = Bar;
				$[9] = t3;
			} else t3 = $[9];
			ellipseColor = t3;
			break bb0;
		}
		case 5: {
			let t3;
			if ($[10] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#BDDBBF" });
				$[10] = Bar;
				$[11] = t3;
			} else t3 = $[11];
			ellipseColor = t3;
			break bb0;
		}
		case 6: {
			let t3;
			if ($[12] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#be95ff" });
				$[12] = Bar;
				$[13] = t3;
			} else t3 = $[13];
			ellipseColor = t3;
			break bb0;
		}
		case 7: {
			let t3;
			if ($[14] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#33C9EF" });
				$[14] = Bar;
				$[15] = t3;
			} else t3 = $[15];
			ellipseColor = t3;
			break bb0;
		}
		case 8: {
			let t3;
			if ($[16] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#F25022" });
				$[16] = Bar;
				$[17] = t3;
			} else t3 = $[17];
			ellipseColor = t3;
			break bb0;
		}
		case 9: {
			let t3;
			if ($[18] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#7FBA00" });
				$[18] = Bar;
				$[19] = t3;
			} else t3 = $[19];
			ellipseColor = t3;
			break bb0;
		}
		case 10: {
			let t3;
			if ($[20] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#FFB900" });
				$[20] = Bar;
				$[21] = t3;
			} else t3 = $[21];
			ellipseColor = t3;
			break bb0;
		}
		case 11: {
			let t3;
			if ($[22] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#938F9D" });
				$[22] = Bar;
				$[23] = t3;
			} else t3 = $[23];
			ellipseColor = t3;
			break bb0;
		}
		case 12: {
			let t3;
			if ($[24] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#CA525D" });
				$[24] = Bar;
				$[25] = t3;
			} else t3 = $[25];
			ellipseColor = t3;
			break bb0;
		}
		default: {
			let t3;
			if ($[26] !== Bar) {
				t3 = /* @__PURE__ */ React.createElement(Bar, { color: "#6fdc8c" });
				$[26] = Bar;
				$[27] = t3;
			} else t3 = $[27];
			ellipseColor = t3;
		}
	}
	return ellipseColor;
};
TimelineDateBar.propTypes = {
	month: PropTypes.number.isRequired,
	months: PropTypes.array,
	showMonth: PropTypes.bool
};
//#endregion
export { TimelineDateBar };

//# sourceMappingURL=TimelineDateBar.mjs.map