import React from "react"
import { Box, useMediaQuery, useTheme, Button, SwipeableDrawer, IconButton } from "@mui/material"
import { Outlet, useNavigate} from "react-router-dom"
export default function Component() {
const theme = useTheme()
const isMobile = useMediaQuery(theme.breakpoints.down("md"))
const navigate = useNavigate()
const [valueButton, setValueButton] = React.useState("")
const [drawer, setDrawer] = React.useState(false)
React.useEffect(() => {
document.getElementsByTagName("html")[0].scrollTop = 0
}, [])
return (
<>
{isMobile && (
)}
{!isMobile && (
)}
setDrawer(false)}
onOpen={() => setDrawer(true)}
sx={{
"& .MuiPaper-root": {
width: "50vw",
backgroundColor: "#434657",
},
}}
>
>
)
}