import { c } from "react-compiler-runtime";
import React from "react";
import { colors, makeStyles } from "@material-ui/core";
import DownArrow from "@material-ui/icons/esm/ArrowDownward";
import UpArrow from "@material-ui/icons/esm/ArrowUpward";
//#region src/UI/widgets/FluentComponents/atoms/FluentTrendArrow.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	DownArrow: {
		color: colors.red[500],
		fontSize: 16
	},
	UpArrow: {
		color: colors.green[500],
		fontSize: 16
	}
}));
const FluentTrendArrow = (props) => {
	const $ = c(4);
	const { type } = props;
	const classes = useStyles();
	let trend = "";
	bb0: switch (type) {
		case "up": {
			let t0;
			if ($[0] !== classes.UpArrow) {
				t0 = /* @__PURE__ */ React.createElement(UpArrow, { className: classes.UpArrow });
				$[0] = classes.UpArrow;
				$[1] = t0;
			} else t0 = $[1];
			trend = t0;
			break bb0;
		}
		case "down": {
			let t0;
			if ($[2] !== classes.DownArrow) {
				t0 = /* @__PURE__ */ React.createElement(DownArrow, { className: classes.DownArrow });
				$[2] = classes.DownArrow;
				$[3] = t0;
			} else t0 = $[3];
			trend = t0;
			break bb0;
		}
		default:
	}
	return trend;
};
//#endregion
export { FluentTrendArrow as default };

//# sourceMappingURL=FluentTrendArrow.mjs.map