import { c } from "react-compiler-runtime";
import React from "react";
import { Typography, makeStyles } from "@material-ui/core";
import PropTypes from "prop-types";
//#region src/UI/dataDisplay/map/IconKey.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	keyRoot: {
		display: "flex",
		justifyContent: "space-between",
		marginRight: theme.spacing(5)
	},
	label: {
		marginTop: 1,
		marginLeft: theme.spacing(1)
	}
}));
const IconKey = (t0) => {
	const $ = c(7);
	const { label, icon } = t0;
	const classes = useStyles();
	let t1;
	if ($[0] !== classes.label || $[1] !== label) {
		t1 = /* @__PURE__ */ React.createElement(Typography, {
			className: classes.label,
			variant: "caption"
		}, label);
		$[0] = classes.label;
		$[1] = label;
		$[2] = t1;
	} else t1 = $[2];
	let t2;
	if ($[3] !== classes.keyRoot || $[4] !== icon || $[5] !== t1) {
		t2 = /* @__PURE__ */ React.createElement("div", { className: classes.keyRoot }, icon, t1);
		$[3] = classes.keyRoot;
		$[4] = icon;
		$[5] = t1;
		$[6] = t2;
	} else t2 = $[6];
	return t2;
};
IconKey.propTypes = {
	label: PropTypes.string.isRequired,
	icon: PropTypes.string.isRequired
};
//#endregion
export { IconKey };

//# sourceMappingURL=IconKey.mjs.map