1import {Box, Paper, useMediaQuery} from '@mui/material';
 2import SearchField from './SearchField';
 3import theme from '../../theme';
 4
 5type Props = {};
 6
 7const MapActions = (props: Props) => {
 8  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
 9  return (
10    <Box
11      id="map-actions"
12      zIndex={400}
13      position="absolute"
14      top={isMobile ? 95 : 64}
15      left={isMobile ? 0 : 25}
16      right={isMobile ? 0 : 25}
17    >
18      <Box component={Paper} p={1} width={isMobile ? '100%' : 350}>
19        <SearchField />
20      </Box>
21    </Box>
22  );
23};
24
25export default MapActions;