import { getCategoryColor } from "../../../utilities/style/colorConverter.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { lighten, makeStyles } from "@material-ui/core";
import clsx from "clsx";
import PropTypes from "prop-types";
//#region src/componentSystems/multiThreadTimeline/ui/TimelineWrapper.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	timelineWrapper: {
		background: lighten(theme.palette.secondary.main, .7),
		height: 40,
		borderRadius: 50
	},
	dot: {
		width: 30,
		height: 30,
		borderRadius: 50
	},
	colorOne: { background: lighten(theme.palette.success.main, .8) },
	colorTwo: { background: lighten(theme.palette.info.main, .8) },
	colorThree: { background: lighten(theme.palette.secondary.main, .9) },
	colorFour: { background: getCategoryColor("four") },
	colorFive: { background: getCategoryColor("five") },
	colorSix: { background: getCategoryColor("six") },
	colorSeven: { background: lighten(theme.palette.warning.main, .9) }
}), { name: "Timeline" });
const TimelineWrapper = (t0) => {
	const $ = c(42);
	const { style, timeline } = t0;
	const classes = useStyles();
	let type = "";
	bb0: switch (timeline) {
		case 1: {
			let t1;
			if ($[0] !== classes.colorOne || $[1] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorOne);
				$[0] = classes.colorOne;
				$[1] = classes.timelineWrapper;
				$[2] = t1;
			} else t1 = $[2];
			let t2;
			if ($[3] !== style || $[4] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[3] = style;
				$[4] = t1;
				$[5] = t2;
			} else t2 = $[5];
			type = t2;
			break bb0;
		}
		case 2: {
			let t1;
			if ($[6] !== classes.colorTwo || $[7] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorTwo);
				$[6] = classes.colorTwo;
				$[7] = classes.timelineWrapper;
				$[8] = t1;
			} else t1 = $[8];
			let t2;
			if ($[9] !== style || $[10] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[9] = style;
				$[10] = t1;
				$[11] = t2;
			} else t2 = $[11];
			type = t2;
			break bb0;
		}
		case 3: {
			let t1;
			if ($[12] !== classes.colorThree || $[13] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorThree);
				$[12] = classes.colorThree;
				$[13] = classes.timelineWrapper;
				$[14] = t1;
			} else t1 = $[14];
			let t2;
			if ($[15] !== style || $[16] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[15] = style;
				$[16] = t1;
				$[17] = t2;
			} else t2 = $[17];
			type = t2;
			break bb0;
		}
		case 4: {
			let t1;
			if ($[18] !== classes.colorFour || $[19] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorFour);
				$[18] = classes.colorFour;
				$[19] = classes.timelineWrapper;
				$[20] = t1;
			} else t1 = $[20];
			let t2;
			if ($[21] !== style || $[22] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[21] = style;
				$[22] = t1;
				$[23] = t2;
			} else t2 = $[23];
			type = t2;
			break bb0;
		}
		case 5: {
			let t1;
			if ($[24] !== classes.colorFive || $[25] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorFive);
				$[24] = classes.colorFive;
				$[25] = classes.timelineWrapper;
				$[26] = t1;
			} else t1 = $[26];
			let t2;
			if ($[27] !== style || $[28] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[27] = style;
				$[28] = t1;
				$[29] = t2;
			} else t2 = $[29];
			type = t2;
			break bb0;
		}
		case 6: {
			let t1;
			if ($[30] !== classes.colorSix || $[31] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorSix);
				$[30] = classes.colorSix;
				$[31] = classes.timelineWrapper;
				$[32] = t1;
			} else t1 = $[32];
			let t2;
			if ($[33] !== style || $[34] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[33] = style;
				$[34] = t1;
				$[35] = t2;
			} else t2 = $[35];
			type = t2;
			break bb0;
		}
		case 7: {
			let t1;
			if ($[36] !== classes.colorSeven || $[37] !== classes.timelineWrapper) {
				t1 = clsx(classes.timelineWrapper, classes.colorSeven);
				$[36] = classes.colorSeven;
				$[37] = classes.timelineWrapper;
				$[38] = t1;
			} else t1 = $[38];
			let t2;
			if ($[39] !== style || $[40] !== t1) {
				t2 = /* @__PURE__ */ React.createElement("div", {
					className: t1,
					style
				});
				$[39] = style;
				$[40] = t1;
				$[41] = t2;
			} else t2 = $[41];
			type = t2;
			break bb0;
		}
		default:
	}
	return type;
};
TimelineWrapper.propTypes = {
	style: PropTypes.object,
	timeline: PropTypes.oneOf([
		1,
		2,
		3,
		4,
		5,
		6,
		7
	]).isRequired
};
//#endregion
export { TimelineWrapper };

//# sourceMappingURL=TimelineWrapper.mjs.map