Sha256: ed2a67311d5c6d7bfe7848f6d4ea66b5b4a05aa73dc10bab8f05b6ef4e051523
Contents?: true
Size: 1.14 KB
Versions: 175
Compression:
Stored size: 1.14 KB
Contents
import React from "react";
import Button from "../pb_button/_button";
import Icon from "../pb_icon/_icon";
import Flex from "../pb_flex/_flex";
type MapControlTypes = {
zoomBtns?: boolean,
flyTo?: boolean,
zoomInClick?: () => {},
zoomOutClick?: () => {},
flyToClick?: () => {},
children?: React.ReactNode | React.ReactNode[]
}
const MapControls = ({
zoomBtns,
zoomInClick,
zoomOutClick,
flyTo,
flyToClick,
children,
}: MapControlTypes) => {
return (
<Flex className="custom-nav-control" orientation="column">
{zoomBtns ? (
<>
<div className="custom-nav-control-zoom">
<Button className="map-zoom-in-button" onClick={zoomInClick}>
<Icon icon="plus" />
</Button>
<Button className="map-zoom-out-button" onClick={zoomOutClick}>
<Icon icon="minus" />
</Button>
</div>
{flyTo ? (
<Button className="map-flyto-button" onClick={flyToClick}>
<Icon icon="eye" />
</Button>
) : null}
</>
) : null}
{children}
</Flex>
);
};
export default MapControls;
Version data entries
175 entries across 175 versions & 1 rubygems