import React from 'react' ; import { EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { LayerControl } from './layer_control' ; import { MouseCoordinatesControl } from './mouse_coordinates_control' ; import { AttributionControl } from './attribution_control' ; import { MapSettings } from '../../reducers/map' ; export interface Props { settings : MapSettings ; } export function RightSideControls ( { settings } ) { return ( < EuiFlexGroup className = "mapWidgetOverlay" responsive = { false } direction = "column" alignItems = "flexEnd" gutterSize = "s" > < EuiFlexItem className = "mapWidgetOverlay__layerWrapper" > { ! settings . hideLayerControl && < LayerControl />} < /EuiFlexItem> < EuiFlexItem grow = { false } > { ! settings . hideViewControl && < MouseCoordinatesControl />} < /EuiFlexItem> < EuiFlexItem grow = { false } > < AttributionControl /> < /EuiFlexItem> < /EuiFlexGroup>); }