import { jsx as r } from "react/jsx-runtime";
import { Marker as h, InfoBox as k } from "./index-esm.js";
import "react";
const O = (i) => {
  const {
    onClick: e,
    onMouseOver: a,
    onMouseOut: s,
    onCloseClick: l,
    id: n,
    icon: t,
    size: o,
    zIndex: d,
    pos: x,
    showInfoBox: p,
    children: c,
    clusterer: g,
    disableAutoPan: u = !1,
    markerRef: f = void 0,
    draggable: m,
    onDragEnd: b
  } = i;
  return r(h, {
    ref: f,
    clusterer: g,
    position: x,
    onClick: () => e && e(n),
    onMouseOver: a,
    onMouseOut: s,
    zIndex: d,
    draggable: m,
    onDragEnd: b,
    icon: {
      url: t,
      scaledSize: new google.maps.Size(o.x, o.y)
    },
    children: p && r(k, {
      options: {
        maxWidth: 300,
        disableAutoPan: u,
        zIndex: 100,
        alignBottom: !0,
        // pane: "mapPane",
        pixelOffset: new google.maps.Size(o.x, 10),
        boxStyle: z,
        closeBoxURL: "",
        enableEventPropagation: !1
      },
      onCloseClick: l,
      children: c
    })
  }, n);
}, z = {
  minWidth: "120px",
  boxShadow: "0 0 6px rgba(0,0,0,.1)",
  borderRadius: "8px",
  padding: "4px 6px",
  background: "white",
  lineHeight: "14px"
};
export {
  O as GoogleMapsMarker
};
