Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2984 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log | 

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 }) {
  const navigate = useNavigate()

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

  return (
    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
      <IconButton onClick={navigateBefore}>
        <NavigateBefore />
      </IconButton>

      <Typography variant='h1' sx={{ paddingX: '1rem' }}>
        {title}
      </Typography>
    </Box>
  )
}