terriajs
Version:
Geospatial data visualization platform.
17 lines • 1.12 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Box from "../../../Styled/Box";
import { useViewState } from "../../Context";
import { MapCredits } from "./Credits";
import { DistanceLegend } from "./DistanceLegend";
import { LocationBar } from "./LocationBar";
import { useTheme } from "styled-components";
export const BottomBar = () => {
const viewState = useViewState();
const theme = useTheme();
return (_jsxs(Box, { fullWidth: true, justifySpaceBetween: true, css: `
background: ${theme.transparentDark};
backdrop-filter: ${theme.blur};
font-size: 0.7rem;
`, children: [_jsx(MapCredits, { hideTerriaLogo: !!viewState.terria.configParameters.hideTerriaLogo, credits: viewState.terria.configParameters.extraCreditLinks?.slice(), currentViewer: viewState.terria.mainViewer.currentViewer, searchBarModel: viewState.terria.searchBarModel }), _jsxs(Box, { paddedHorizontally: 4, gap: 2, children: [_jsx(LocationBar, { mouseCoords: viewState.terria.currentViewer.mouseCoords }), _jsx(DistanceLegend, {})] })] }));
};
//# sourceMappingURL=BottomBar.js.map