import { jsxs as l, jsx as s } from "react/jsx-runtime";
import o from "../../../../../utils/classNames.js";
import { MapIcon as e, ZOOM_IN as c, ZOOM_OUT as m } from "../../../icons/MapIcon.js";
const h = ({ onZoomIn: a, onZoomOut: i }) => {
  const t = o("ZoomButtons");
  return /* @__PURE__ */ l("div", { className: t, children: [
    /* @__PURE__ */ s("div", { className: "MapSettingsTile", onClick: a, children: /* @__PURE__ */ s(e, { name: c, className: "display-block hover-scale-110", height: 16, width: 16 }) }),
    /* @__PURE__ */ s("div", { className: "MapSettingsTileSpacer" }),
    /* @__PURE__ */ s("div", { className: "MapSettingsTile", onClick: i, children: /* @__PURE__ */ s(e, { name: m, className: "display-block hover-scale-110", height: 16, width: 16 }) })
  ] });
};
export {
  h as default
};
//# sourceMappingURL=ZoomButtons.js.map
