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