{label}
\r\n \r\n );\r\n};\r\n\r\nexport default LinkItem;\r\n","import React, { useState } from 'react';\r\nimport {\r\n BottomNavigationAction,\r\n BottomNavigation,\r\n Button,\r\n useMediaQuery,\r\n Link,\r\n makeStyles,\r\n Box,\r\n Typography,\r\n IconButton,\r\n} from '@material-ui/core';\r\nimport { ReactComponent as MenuIcon } from './img/menu_icon.svg';\r\nimport { ReactComponent as NoteIcon } from './img/Note.svg';\r\nimport { ReactComponent as AmbulanceIcon } from './img/reduction.svg';\r\nimport { ReactComponent as ReductionIcon } from './img/Ambulance.svg';\r\nimport { footerLinks } from '../../_helpers/links';\r\nimport MobileMenu from '../Header/MobileMenu';\r\nimport theme from '../../_helpers/MuiTheme';\r\nimport LinkItem from './LinkItem';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n mobileMenuBtn: {\r\n backgroundColor: '#00BE6E',\r\n borderRadius: 0,\r\n width: \"60px\",\r\n '&:hover': {\r\n backgroundColor: '#007a47',\r\n },\r\n },\r\n mobileBtn: {},\r\n root: {\r\n width: '100%',\r\n overflow: 'hidden',\r\n height: '70px',\r\n position: 'fixed',\r\n bottom: 0,\r\n left: 0,\r\n backgroundColor: '#00539F',\r\n },\r\n container: {\r\n zIndex: '999',\r\n },\r\n}));\r\n\r\nconst MobileBottomNavigation = () => {\r\n const [value, setValue] = React.useState(0);\r\n const classes = useStyles();\r\n const [open, setopen] = useState(false);\r\n\r\n const toggleDrawer = () => {\r\n setopen(!open);\r\n };\r\n\r\n return (\r\n