import ControlZoom from "./ControlZoom.mjs";
import FilterOptions from "./FilterOptions.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { Divider, makeStyles } from "@material-ui/core";
//#region src/map-library/ui/MapFilterBar.jsx
const useStyles = makeStyles((theme) => ({
	root: {
		display: "flex",
		flexDirection: "row"
	},
	filter: {
		display: "flex",
		flex: 1
	},
	divider: {
		marginRight: theme.spacing(2),
		marginLeft: theme.spacing(2)
	}
}));
const MapFilterBar = (props) => {
	const $ = c(28);
	const classes = useStyles();
	const { showAlert, toggleDisplayMarkers, value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, showHome } = props;
	let t0;
	if ($[0] !== showAlert || $[1] !== showHome || $[2] !== toggleDisplayMarkers) {
		t0 = /* @__PURE__ */ React.createElement(FilterOptions, {
			showAlert,
			showHome,
			toggleDisplayMarkers
		});
		$[0] = showAlert;
		$[1] = showHome;
		$[2] = toggleDisplayMarkers;
		$[3] = t0;
	} else t0 = $[3];
	let t1;
	if ($[4] !== classes.filter || $[5] !== t0) {
		t1 = /* @__PURE__ */ React.createElement("div", { className: classes.filter }, t0);
		$[4] = classes.filter;
		$[5] = t0;
		$[6] = t1;
	} else t1 = $[6];
	let t2;
	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
		t2 = /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" });
		$[7] = t2;
	} else t2 = $[7];
	let t3;
	if ($[8] !== classes.divider) {
		t3 = /* @__PURE__ */ React.createElement("div", { className: classes.divider }, t2);
		$[8] = classes.divider;
		$[9] = t3;
	} else t3 = $[9];
	let t4;
	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
		t4 = /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" });
		$[10] = t4;
	} else t4 = $[10];
	let t5;
	if ($[11] !== classes.divider) {
		t5 = /* @__PURE__ */ React.createElement("div", { className: classes.divider }, t4);
		$[11] = classes.divider;
		$[12] = t5;
	} else t5 = $[12];
	let t6;
	if ($[13] !== handleBlur || $[14] !== handleInputChange || $[15] !== handleSliderChange || $[16] !== reset || $[17] !== setZoom || $[18] !== value || $[19] !== zoomIn || $[20] !== zoomOut) {
		t6 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ControlZoom, {
			zoomIn,
			zoomOut,
			value,
			setValue: setZoom,
			handleSliderChange,
			handleInputChange,
			handleBlur,
			reset
		}));
		$[13] = handleBlur;
		$[14] = handleInputChange;
		$[15] = handleSliderChange;
		$[16] = reset;
		$[17] = setZoom;
		$[18] = value;
		$[19] = zoomIn;
		$[20] = zoomOut;
		$[21] = t6;
	} else t6 = $[21];
	let t7;
	if ($[22] !== classes.root || $[23] !== t1 || $[24] !== t3 || $[25] !== t5 || $[26] !== t6) {
		t7 = /* @__PURE__ */ React.createElement("div", { className: classes.root }, t1, t3, t5, t6);
		$[22] = classes.root;
		$[23] = t1;
		$[24] = t3;
		$[25] = t5;
		$[26] = t6;
		$[27] = t7;
	} else t7 = $[27];
	return t7;
};
//#endregion
export { MapFilterBar };

//# sourceMappingURL=MapFilterBar.mjs.map