import { c } from "react-compiler-runtime";
import React from "react";
import { Link, Typography, makeStyles } from "@material-ui/core";
import clsx from "clsx";
//#region src/UI/dataDisplay/entityHeader/ui/EntityHeaderListItem.jsx
const useStyles = makeStyles((theme) => ({
	root: { display: "flex" },
	labelRoot: {
		color: "inherit",
		marginRight: theme.spacing(.5),
		opacity: .6
	},
	valueRoot: { color: "inherit" },
	link: {
		color: "inherit",
		textDecoration: "none",
		"&:hover": { textDecoration: "underline" }
	}
}));
const EntityHeaderListItem = (props) => {
	const $ = c(18);
	const { label, value, link, hideLabelSeperator: t0, disablePadding: t1 } = props;
	const hideLabelSeperator = t0 === void 0 ? false : t0;
	const disablePadding = t1 === void 0 ? false : t1;
	const classes = useStyles(props);
	const t2 = !disablePadding;
	let t3;
	if ($[0] !== classes.root || $[1] !== classes.rootPadding || $[2] !== t2) {
		t3 = clsx({
			[classes.root]: true,
			[classes.rootPadding]: t2
		});
		$[0] = classes.root;
		$[1] = classes.rootPadding;
		$[2] = t2;
		$[3] = t3;
	} else t3 = $[3];
	let t4;
	if ($[4] !== classes.labelRoot || $[5] !== hideLabelSeperator || $[6] !== label) {
		t4 = !!label && /* @__PURE__ */ React.createElement(Typography, {
			variant: "body1",
			className: classes.labelRoot
		}, label, !hideLabelSeperator && ":");
		$[4] = classes.labelRoot;
		$[5] = hideLabelSeperator;
		$[6] = label;
		$[7] = t4;
	} else t4 = $[7];
	let t5;
	if ($[8] !== classes.link || $[9] !== classes.valueFontWeigth || $[10] !== classes.valueRoot || $[11] !== link || $[12] !== value) {
		t5 = !!value && /* @__PURE__ */ React.createElement(Typography, {
			variant: "body1",
			className: clsx({
				[classes.valueRoot]: true,
				[classes.valueFontWeigth]: true
			})
		}, link ? /* @__PURE__ */ React.createElement(Link, {
			href: link,
			className: classes.link,
			target: "_blank"
		}, value) : value);
		$[8] = classes.link;
		$[9] = classes.valueFontWeigth;
		$[10] = classes.valueRoot;
		$[11] = link;
		$[12] = value;
		$[13] = t5;
	} else t5 = $[13];
	let t6;
	if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
		t6 = /* @__PURE__ */ React.createElement("div", { className: t3 }, t4, t5);
		$[14] = t3;
		$[15] = t4;
		$[16] = t5;
		$[17] = t6;
	} else t6 = $[17];
	return t6;
};
//#endregion
export { EntityHeaderListItem };

//# sourceMappingURL=EntityHeaderListItem.mjs.map