Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useNavigate } from 'react-router-dom';

import { Typography, Button, Box, IconButton } from '@mui/material';

import { Add, NavigateBefore } from '@mui/icons-material';

export function PageHeader({ title = '', labelAdd = 'Agregar', goBack = false, onAdd }) {

  const navigate = useNavigate();

  return (

    <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>

      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>

        {goBack && (

          <IconButton onClick={() => navigate(-1)}>

            <NavigateBefore />

          </IconButton>

        )}

        <Typography variant='h1'>{title}</Typography>

      </Box>

      {onAdd && (

        <Button variant='contained' startIcon={<Add />} onClick={onAdd}>

          {labelAdd}

        </Button>

      )}

    </Box>

  );

}