import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
import clsx from "clsx";
import PropTypes from "prop-types";
//#region src/UI/dataDisplay/entityHeader/ui/EntityHeaderSection.jsx
const useStyles = makeStyles((theme) => ({
	root: { display: "flex" },
	rootFlexGrow: { flexGrow: 1 },
	rootFlexAlignStart: { alignItems: "flex-start" },
	rootFlexAlignCenter: { alignItems: "center" },
	rootFlexAlignEnd: { alignItems: "flex-end" },
	rootFlexAlignStretch: { alignItems: "stretch" },
	rootGutter: {
		paddingLeft: theme.spacing(2),
		paddingRight: theme.spacing(2)
	},
	rootPadding: {
		paddingTop: theme.spacing(1),
		paddingBottom: theme.spacing(1)
	},
	rootFlexJustifyStart: { justifyContent: "flex-start" },
	rootFlexJustifyEnd: { justifyContent: "flex-end" }
}));
const EntityHeaderSection = (props) => {
	const $ = c(23);
	const { children, disableGutter, disablePadding, flexGrow, justifyContent, alignItems } = props;
	const classes = useStyles(props);
	const t0 = !disableGutter;
	const t1 = !disablePadding;
	const t2 = justifyContent === "start";
	const t3 = justifyContent === "end";
	const t4 = alignItems === "start";
	const t5 = alignItems === "center";
	const t6 = alignItems === "end";
	const t7 = alignItems === "stretch";
	let t8;
	if ($[0] !== classes.root || $[1] !== classes.rootFlexAlignCenter || $[2] !== classes.rootFlexAlignEnd || $[3] !== classes.rootFlexAlignStart || $[4] !== classes.rootFlexAlignStretch || $[5] !== classes.rootFlexGrow || $[6] !== classes.rootFlexJustifyEnd || $[7] !== classes.rootFlexJustifyStart || $[8] !== classes.rootGutter || $[9] !== classes.rootPadding || $[10] !== flexGrow || $[11] !== t0 || $[12] !== t1 || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== t7) {
		t8 = clsx({
			[classes.root]: true,
			[classes.rootGutter]: t0,
			[classes.rootPadding]: t1,
			[classes.rootFlexGrow]: flexGrow,
			[classes.rootFlexJustifyStart]: t2,
			[classes.rootFlexJustifyEnd]: t3,
			[classes.rootFlexAlignStart]: t4,
			[classes.rootFlexAlignCenter]: t5,
			[classes.rootFlexAlignEnd]: t6,
			[classes.rootFlexAlignStretch]: t7
		});
		$[0] = classes.root;
		$[1] = classes.rootFlexAlignCenter;
		$[2] = classes.rootFlexAlignEnd;
		$[3] = classes.rootFlexAlignStart;
		$[4] = classes.rootFlexAlignStretch;
		$[5] = classes.rootFlexGrow;
		$[6] = classes.rootFlexJustifyEnd;
		$[7] = classes.rootFlexJustifyStart;
		$[8] = classes.rootGutter;
		$[9] = classes.rootPadding;
		$[10] = flexGrow;
		$[11] = t0;
		$[12] = t1;
		$[13] = t2;
		$[14] = t3;
		$[15] = t4;
		$[16] = t5;
		$[17] = t6;
		$[18] = t7;
		$[19] = t8;
	} else t8 = $[19];
	let t9;
	if ($[20] !== children || $[21] !== t8) {
		t9 = /* @__PURE__ */ React.createElement("div", { className: t8 }, children);
		$[20] = children;
		$[21] = t8;
		$[22] = t9;
	} else t9 = $[22];
	return t9;
};
EntityHeaderSection.propTypes = {
	children: PropTypes.node.isRequired,
	disableGutter: PropTypes.bool,
	disablePadding: PropTypes.bool,
	flexGrow: PropTypes.bool,
	justifyContent: PropTypes.oneOf(["start", "end"]),
	alignItems: PropTypes.oneOf([
		"start",
		"center",
		"end",
		"stretch"
	])
};
EntityHeaderSection.defaultProps = {
	disableGutter: false,
	disablePadding: false,
	flexGrow: false
};
//#endregion
export { EntityHeaderSection };

//# sourceMappingURL=EntityHeaderSection.mjs.map