|  |  | 
 |  |  | import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  |  | 
 |  |  | const CustomerTopToolBar = ({ ...rest }) => { | 
 |  |  | const CustomerTopToolBar = ({ backPrevious = false, ...rest }) => { | 
 |  |  |     const navigate = useNavigate(); | 
 |  |  |     const resource = useResourceContext(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  | 
 |  |  |             justifyContent: 'flex-start' | 
 |  |  |         }}> | 
 |  |  |             <Button | 
 |  |  |                 onClick={() => navigate('/' + resource)} | 
 |  |  |                 onClick={backPrevious ? () => navigate(-1) : () => navigate('/' + resource)} | 
 |  |  |                 sx={{ | 
 |  |  |                     border: '1px solid #ccc', | 
 |  |  |                     padding: '6px 12px', |