Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { NavigateBefore } from '@mui/icons-material';
import { Box, IconButton, Typography } from '@mui/material';
import { useNavigate } from 'react-router-dom';

export default function GoBackLayout({ title, children }) {
  const navigate = useNavigate();

  const navigateBefore = () => {
    navigate(-1);
  };

  return (
    <>
      <Box
        sx={{
          display: 'flex',
          alignItems: 'center',
          gap: (theme) => theme.spacing(0.5),
          marginBottom: (theme) => theme.spacing(1),
          padding: (theme) => theme.spacing(0, 0.5)
        }}
      >
        <IconButton onClick={navigateBefore} sx={{ padding: (theme) => theme.spacing(0.3) }}>
          <NavigateBefore />
        </IconButton>

        <Typography variant='h1' sx={{ marginBottom: 0 }}>
          {title}
        </Typography>
      </Box>
      {children}
    </>
  );
}