Sha256: e2384f18f17f58f179d180ddf1f86b60100c94677c5025cfb924298eff500853
Contents?: true
Size: 1.25 KB
Versions: 302
Compression:
Stored size: 1.25 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?: () => void,
zoomOutClick?: () => void,
flyToClick?: () => void,
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
302 entries across 302 versions & 1 rubygems