import { c } from "react-compiler-runtime";
import React from "react";
import { Box, Tab, Typography, lighten, styled } from "@material-ui/core";
styled(Tab)(({ theme, style }) => ({
	textTransform: "none",
	"&.Mui-selected": {
		backgroundColor: lighten(theme.palette.secondary.light, .9),
		color: theme.palette.primary.main
	},
	backgroundColor: theme.palette.background.paper,
	...style
}));
/**
* TabPanel
*
* @param {TabPanelProps} props
* @return {*}
*/
const TabPanel = (props) => {
	const $ = c(17);
	let children;
	let index;
	let other;
	let sx;
	let value;
	if ($[0] !== props) {
		({children, value, index, sx, ...other} = props);
		$[0] = props;
		$[1] = children;
		$[2] = index;
		$[3] = other;
		$[4] = sx;
		$[5] = value;
	} else {
		children = $[1];
		index = $[2];
		other = $[3];
		sx = $[4];
		value = $[5];
	}
	const t0 = value !== index;
	const t1 = `simple-tabpanel-${index}`;
	const t2 = `simple-tab-${index}`;
	let t3;
	if ($[6] !== children || $[7] !== index || $[8] !== sx || $[9] !== value) {
		t3 = value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children));
		$[6] = children;
		$[7] = index;
		$[8] = sx;
		$[9] = value;
		$[10] = t3;
	} else t3 = $[10];
	let t4;
	if ($[11] !== other || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t3) {
		t4 = /* @__PURE__ */ React.createElement("div", {
			role: "tabpanel",
			hidden: t0,
			id: t1,
			"aria-labelledby": t2,
			...other
		}, t3);
		$[11] = other;
		$[12] = t0;
		$[13] = t1;
		$[14] = t2;
		$[15] = t3;
		$[16] = t4;
	} else t4 = $[16];
	return t4;
};
//#endregion
export { TabPanel };

//# sourceMappingURL=TabPanel.mjs.map