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", }, }} > ) }