import { MapContent } from "./ui/MapContent.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { MapContainer, TileLayer } from "react-leaflet";
import L from "leaflet";
import "leaflet/dist/leaflet.css";
import "react-leaflet-markercluster/dist/styles.min.css";
//#region src/maps/leafletMaps/FluentMap.jsx
const defaultCenter = [49.280806, -122.828007];
const defaultZoom = 13;
const defaultStyle = {
	height: "100%",
	width: "100%"
};
const FluentMap = (t0) => {
	const $ = c(24);
	const { onClick, onMouseOver, onMouseOut, data, IconComponent, bounds, style: t1, centerCoordinates: t2, zoom: t3, dragging: t4, doubleClickZoom: t5, scrollWheelZoom: t6, attributionControl: t7, zoomControl: t8, highlightMarkersOnClick: t9, PopupComponent, children, useDefaultMarker: t10, useMarkerClustering: t11 } = t0;
	const style = t1 === void 0 ? defaultStyle : t1;
	const centerCoordinates = t2 === void 0 ? defaultCenter : t2;
	const zoom = t3 === void 0 ? defaultZoom : t3;
	const dragging = t4 === void 0 ? true : t4;
	const doubleClickZoom = t5 === void 0 ? true : t5;
	const scrollWheelZoom = t6 === void 0 ? true : t6;
	const attributionControl = t7 === void 0 ? true : t7;
	const zoomControl = t8 === void 0 ? true : t8;
	const highlightMarkersOnClick = t9 === void 0 ? true : t9;
	const useDefaultMarker = t10 === void 0 ? true : t10;
	const useMarkerClustering = t11 === void 0 ? false : t11;
	let t12;
	let t13;
	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
		t12 = L.canvas({});
		t13 = /* @__PURE__ */ React.createElement(TileLayer, {
			attribution: "© <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors",
			url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
		});
		$[0] = t12;
		$[1] = t13;
	} else {
		t12 = $[0];
		t13 = $[1];
	}
	let t14;
	if ($[2] !== IconComponent || $[3] !== PopupComponent || $[4] !== children || $[5] !== data || $[6] !== highlightMarkersOnClick || $[7] !== onClick || $[8] !== onMouseOut || $[9] !== onMouseOver || $[10] !== useDefaultMarker || $[11] !== useMarkerClustering) {
		t14 = /* @__PURE__ */ React.createElement(MapContent, {
			data,
			IconComponent,
			onClick,
			onMouseOver,
			onMouseOut,
			highlightMarkersOnClick,
			PopupComponent,
			children,
			useDefaultMarker,
			useMarkerClustering
		});
		$[2] = IconComponent;
		$[3] = PopupComponent;
		$[4] = children;
		$[5] = data;
		$[6] = highlightMarkersOnClick;
		$[7] = onClick;
		$[8] = onMouseOut;
		$[9] = onMouseOver;
		$[10] = useDefaultMarker;
		$[11] = useMarkerClustering;
		$[12] = t14;
	} else t14 = $[12];
	let t15;
	if ($[13] !== attributionControl || $[14] !== bounds || $[15] !== centerCoordinates || $[16] !== doubleClickZoom || $[17] !== dragging || $[18] !== scrollWheelZoom || $[19] !== style || $[20] !== t14 || $[21] !== zoom || $[22] !== zoomControl) {
		t15 = /* @__PURE__ */ React.createElement(MapContainer, {
			bounds,
			style,
			center: centerCoordinates,
			zoom,
			dragging,
			doubleClickZoom,
			scrollWheelZoom,
			attributionControl,
			zoomControl,
			preferCanvas: true,
			renderer: t12
		}, t13, t14);
		$[13] = attributionControl;
		$[14] = bounds;
		$[15] = centerCoordinates;
		$[16] = doubleClickZoom;
		$[17] = dragging;
		$[18] = scrollWheelZoom;
		$[19] = style;
		$[20] = t14;
		$[21] = zoom;
		$[22] = zoomControl;
		$[23] = t15;
	} else t15 = $[23];
	return t15;
};
//#endregion
export { FluentMap };

//# sourceMappingURL=FluentMap.mjs.map