import { c } from "react-compiler-runtime";
import React from "react";
import { Switch, withStyles } from "@material-ui/core";
//#region src/UI/inputs/toggle/FluentToggle.jsx
const FluentSwitch = withStyles((theme) => ({
	root: {
		width: 40,
		height: 20,
		padding: 0,
		display: "flex"
	},
	switchBase: {
		padding: 4,
		color: theme.palette.grey[500],
		"&$checked": {
			transform: "translateX(20px)",
			color: theme.palette.common.white,
			"& + $track": {
				opacity: 1,
				borderColor: theme.palette.primary.main
			}
		}
	},
	thumb: {
		width: 12,
		height: 12,
		boxShadow: "none"
	},
	track: {
		border: `1px solid ${theme.palette.grey[500]}`,
		borderRadius: 20 / 2,
		opacity: 1,
		backgroundColor: theme.palette.common.white
	},
	checked: {}
}))(Switch);
const FluentToggle = (props) => {
	const $ = c(10);
	let checked;
	let name;
	let onChange;
	let otherProps;
	if ($[0] !== props) {
		({name, onChange, checked, ...otherProps} = props);
		$[0] = props;
		$[1] = checked;
		$[2] = name;
		$[3] = onChange;
		$[4] = otherProps;
	} else {
		checked = $[1];
		name = $[2];
		onChange = $[3];
		otherProps = $[4];
	}
	let t0;
	if ($[5] !== checked || $[6] !== name || $[7] !== onChange || $[8] !== otherProps) {
		t0 = /* @__PURE__ */ React.createElement(FluentSwitch, {
			...otherProps,
			checked,
			onChange,
			name
		});
		$[5] = checked;
		$[6] = name;
		$[7] = onChange;
		$[8] = otherProps;
		$[9] = t0;
	} else t0 = $[9];
	return t0;
};
//#endregion
export { FluentToggle };

//# sourceMappingURL=FluentToggle.mjs.map