import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
import clsx from "clsx";
//#region src/utilities/iconLibrary/FluentIcon.jsx
const useStyles = makeStyles((props) => ({
	root: {
		display: "inline-block",
		"& > svg": { display: "inherit" }
	},
	default: {
		fontSize: 18,
		width: 18,
		height: 18
	},
	large: {
		fontSize: 24,
		width: 24,
		height: 24
	},
	medium: {
		fontSize: 16,
		width: 16,
		height: 16
	},
	small: {
		fontSize: 14,
		width: 14,
		height: 14
	},
	xs: {
		fontSize: 12,
		width: 12,
		height: 12
	},
	color: { color: (props) => props.color },
	customSize: {
		fontSize: (props) => props.size,
		width: (props) => props.size,
		height: (props) => props.size
	}
}), { name: "FluentIcon" });
/**
* Wrapper for @fluentui/react-icons to provide it with required size
*/
const FluentIcon = (props) => {
	const $ = c(16);
	const classes = useStyles(props);
	let IconComponent;
	let className;
	let color;
	let otherProps;
	let t0;
	let t1;
	if ($[0] !== props) {
		({component: IconComponent, size: t0, className, color, customSize: t1, ...otherProps} = props);
		$[0] = props;
		$[1] = IconComponent;
		$[2] = className;
		$[3] = color;
		$[4] = otherProps;
		$[5] = t0;
		$[6] = t1;
	} else {
		IconComponent = $[1];
		className = $[2];
		color = $[3];
		otherProps = $[4];
		t0 = $[5];
		t1 = $[6];
	}
	const size = t0 === void 0 ? "default" : t0;
	const t2 = (t1 === void 0 ? false : t1) && typeof size === "number" && classes.customSize || classes[size];
	const t3 = color && classes.color;
	let t4;
	if ($[7] !== className || $[8] !== classes.root || $[9] !== t2 || $[10] !== t3) {
		t4 = clsx(classes.root, className, t2, t3);
		$[7] = className;
		$[8] = classes.root;
		$[9] = t2;
		$[10] = t3;
		$[11] = t4;
	} else t4 = $[11];
	let t5;
	if ($[12] !== IconComponent || $[13] !== otherProps || $[14] !== t4) {
		t5 = /* @__PURE__ */ React.createElement(IconComponent, {
			...otherProps,
			className: t4
		});
		$[12] = IconComponent;
		$[13] = otherProps;
		$[14] = t4;
		$[15] = t5;
	} else t5 = $[15];
	return t5;
};
//#endregion
export { FluentIcon };

//# sourceMappingURL=FluentIcon.mjs.map