import { useNavigate } from "react-router-dom"; import { Button } from "@mui/material";

const component =()=>{

const navigate = useNavigate();

const handelGoToLogin = () => {
    navigate('/auth/login')
}

return(<> //.........

</>)

}

import { useNavigate } from "react-router-dom";
import { Button } from "@mui/material";

const component =()=>{

    const navigate = useNavigate();

    const handelGoToLogin = () => {
        navigate('/auth/login')
    }

    return(<>
        //.........
    
        <Button onClick={handelGoToLogin} variant="outlined" color="primary" size="large" fullWidth>
             Back
        </Button>

    </>)
}

import { useNavigate } from "react-router-dom"; import { Button } from "@mui/material";

const component =()=>{

const navigate = useNavigate();

const handelGoToLogin = () => {
    navigate('/auth/login')
}

return(<> ...... Back </>)

}

import { useNavigate } from "react-router-dom"; import { Button } from "@mui/material";

const component =()=>{

const navigate = useNavigate();

const handelGoToLogin = () => {
    navigate('/auth/login')
}

return(<> //.........

</>)

}