import { c } from "react-compiler-runtime";
import React from "react";
import { Box, Typography } from "@material-ui/core";
import PropTypes from "prop-types";
//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanel.jsx
const FluentTabPanel = (props) => {
	const $ = c(19);
	let children;
	let index;
	let other;
	let persistant;
	let t0;
	let value;
	if ($[0] !== props) {
		({children, value, persistant, index, p: t0, ...other} = props);
		$[0] = props;
		$[1] = children;
		$[2] = index;
		$[3] = other;
		$[4] = persistant;
		$[5] = t0;
		$[6] = value;
	} else {
		children = $[1];
		index = $[2];
		other = $[3];
		persistant = $[4];
		t0 = $[5];
		value = $[6];
	}
	const p = t0 === void 0 ? 0 : t0;
	const t1 = value !== index;
	const t2 = `simple-tabpanel-${index}`;
	const t3 = `simple-tab-${index}`;
	let t4;
	if ($[7] !== children || $[8] !== index || $[9] !== p || $[10] !== persistant || $[11] !== value) {
		t4 = (value === index || persistant) && /* @__PURE__ */ React.createElement(Box, { p }, /* @__PURE__ */ React.createElement(Typography, { component: "div" }, children));
		$[7] = children;
		$[8] = index;
		$[9] = p;
		$[10] = persistant;
		$[11] = value;
		$[12] = t4;
	} else t4 = $[12];
	let t5;
	if ($[13] !== other || $[14] !== t1 || $[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
		t5 = /* @__PURE__ */ React.createElement("div", {
			role: "tabpanel",
			hidden: t1,
			id: t2,
			"aria-labelledby": t3,
			...other
		}, t4);
		$[13] = other;
		$[14] = t1;
		$[15] = t2;
		$[16] = t3;
		$[17] = t4;
		$[18] = t5;
	} else t5 = $[18];
	return t5;
};
FluentTabPanel.propTypes = {
	children: PropTypes.node,
	index: PropTypes.any.isRequired,
	value: PropTypes.any.isRequired
};
//#endregion
export { FluentTabPanel };

//# sourceMappingURL=FluentTabPanel.mjs.map