"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("classnames"),r=require("../../hooks/useMapViewState.js"),s=require("./ScaleIndicator.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=t(a),l=function(a){var t=a.distance,l=a.className;if(!t)return null;var i={"--scale-bar-width":"".concat(r.BAR_WIDTH_PX,"px")};return e.jsxs("div",{className:c.default(s.scaleIndicator,l),style:i,children:[e.jsx("span",{className:s.label,children:t}),e.jsx("div",{className:s.bar})]})};l.displayName="ScaleIndicator",exports.ScaleIndicator=l;
//# sourceMappingURL=ScaleIndicator.js.map
