import { c } from "react-compiler-runtime";
import React from "react";
import { Divider, Typography, makeStyles } from "@material-ui/core";
import clsx from "clsx";
import PropTypes from "prop-types";
//#region src/componentSystems/multiThreadTimeline/ui/MttYearTag.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	yearTag: {
		color: theme.palette.common.white,
		padding: theme.spacing(1.5),
		paddingTop: theme.spacing(.5),
		paddingBottom: theme.spacing(.5),
		width: 20,
		height: 68,
		borderRadius: 24
	},
	yearLabel: { transform: "rotate(90deg)" },
	background: (props) => ({ background: props.year ? "#C1A1B8" : "lightgrey" }),
	backgroundToday: { background: "#795C76" }
}));
const MttYearTag = (props) => {
	const $ = c(12);
	const { children, year: t0, today } = props;
	const year = t0 === void 0 ? false : t0;
	const classes = useStyles(props);
	let t1;
	if ($[0] !== children || $[1] !== classes || $[2] !== today || $[3] !== year) {
		t1 = !today && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.yearTag, classes.background) }, /* @__PURE__ */ React.createElement("div", { className: classes.yearLabel }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children))), /* @__PURE__ */ React.createElement("div", { style: {
			height: year ? 120 : 20,
			display: "flex",
			justifyContent: "center"
		} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })));
		$[0] = children;
		$[1] = classes;
		$[2] = today;
		$[3] = year;
		$[4] = t1;
	} else t1 = $[4];
	let t2;
	if ($[5] !== children || $[6] !== classes || $[7] !== today) {
		t2 = today && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.yearTag, classes.backgroundToday) }, /* @__PURE__ */ React.createElement("div", { className: classes.yearLabel }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children))), /* @__PURE__ */ React.createElement("div", { style: {
			height: 120,
			display: "flex",
			justifyContent: "center"
		} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })));
		$[5] = children;
		$[6] = classes;
		$[7] = today;
		$[8] = t2;
	} else t2 = $[8];
	let t3;
	if ($[9] !== t1 || $[10] !== t2) {
		t3 = /* @__PURE__ */ React.createElement("div", null, t1, t2);
		$[9] = t1;
		$[10] = t2;
		$[11] = t3;
	} else t3 = $[11];
	return t3;
};
MttYearTag.propTypes = {
	children: PropTypes.node.isRequired,
	year: PropTypes.bool,
	today: PropTypes.bool
};
//#endregion
export { MttYearTag };

//# sourceMappingURL=MttYearTag.mjs.map