import { Token } from "../../components/dataDisplay/Token.mjs";
import { c } from "react-compiler-runtime";
import React, { Fragment } from "react";
import { Typography, makeStyles } from "@material-ui/core";
import { DeveloperToolsIcon } from "@fluentui/react-icons";
import PropTypes from "prop-types";
//#region src/UI/templates/ui/TokenGroupItem.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	label: { color: theme.palette.common.black }
}));
/**
* @param {{label: string, icon: React.ElementType, color: string}} props
*/
const TokenGroupItem = (t0) => {
	const $ = c(9);
	const { label, icon: t1, color } = t0;
	const icon = t1 === void 0 ? DeveloperToolsIcon : t1;
	const classes = useStyles();
	let t2;
	if ($[0] !== color || $[1] !== icon) {
		t2 = /* @__PURE__ */ React.createElement(Token, {
			icon,
			color,
			size: "small",
			variant: "filled",
			type: "icon"
		});
		$[0] = color;
		$[1] = icon;
		$[2] = t2;
	} else t2 = $[2];
	let t3;
	if ($[3] !== classes.label || $[4] !== label) {
		t3 = /* @__PURE__ */ React.createElement(Typography, {
			variant: "caption",
			className: classes.label
		}, " ", label, " ");
		$[3] = classes.label;
		$[4] = label;
		$[5] = t3;
	} else t3 = $[5];
	let t4;
	if ($[6] !== t2 || $[7] !== t3) {
		t4 = /* @__PURE__ */ React.createElement(Fragment, null, t2, t3);
		$[6] = t2;
		$[7] = t3;
		$[8] = t4;
	} else t4 = $[8];
	return t4;
};
TokenGroupItem.propTypes = {
	label: PropTypes.string,
	icon: PropTypes.bool,
	color: PropTypes.string
};
//#endregion
export { TokenGroupItem };

//# sourceMappingURL=TokenGroupItem.mjs.map