@parkassist/pa-ui-library
Version:
INX Platform elements
45 lines • 1.16 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import Palette from '../../constants/Palette';
import ButtonGroup from '../ButtonGroup';
import * as Icons from '../Icons';
import { Row } from '../Layout/Flex';
function TopMapMenu({
multiSelecting,
onToggleMultiselecting,
onClearSelection,
selectText = "Select",
selectMultipleBays = "Select multiple bays",
clearSelectionText = "Clear selection"
}) {
const buttons = [{
text: selectText,
icon: _jsx(Icons.SelectionIcon, {
filter: Palette.FILTER_WHITE
}),
onClick: () => onToggleMultiselecting(false),
selected: !multiSelecting
}, {
text: selectMultipleBays,
icon: _jsx(Icons.SelectIcon, {
filter: Palette.FILTER_WHITE
}),
onClick: () => onToggleMultiselecting(true),
selected: multiSelecting
}, {
text: clearSelectionText,
icon: _jsx(Icons.CloseIcon, {
filter: Palette.FILTER_WHITE
}),
onClick: onClearSelection,
selected: false
}];
return _jsx(Row, {
children: _jsx(ButtonGroup, {
buttons: buttons,
dark: true,
tooltipPlacement: 'bottom'
})
});
}
;
export default TopMapMenu;