Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3694 stevensc 1 
import React from 'react';
2 
import { Button, styled, Typography } from '@mui/material';
3 
import Add from '@mui/icons-material/Add';
5 stevensc 4 
 
2798 stevensc 5 
const Header = styled('div')(({ theme }) => ({
1477 stevensc 6 
  display: 'flex',
7 
  alignItems: 'center',
1479 stevensc 8 
  justifyContent: 'space-between',
1477 stevensc 9 
  position: 'relative',
2800 stevensc 10 
  marginBottom: theme.spacing(1),
1480 stevensc 11 
  [theme.breakpoints.up('md')]: {
1479 stevensc 12 
    justifyContent: 'center',
1478 stevensc 13 
    button: {
14 
      position: 'absolute',
15 
      right: 0,
16 
      top: '50%',
17 
      transform: 'translateY(-50%)'
18 
    }
405 stevensc 19 
  }
3694 stevensc 20 
}));
405 stevensc 21 
 
1215 stevensc 22 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
5 stevensc 23 
  return (
1479 stevensc 24 
    <Header {...rest}>
2919 stevensc 25 
      <Typography variant='h1'>{title}</Typography>
2798 stevensc 26 
 
1215 stevensc 27 
      {onAdd && (
2798 stevensc 28 
        <Button onClick={onAdd}>
1477 stevensc 29 
          <Add />
1216 stevensc 30 
          {addLabel}
2798 stevensc 31 
        </Button>
409 stevensc 32 
      )}
1479 stevensc 33 
    </Header>
3694 stevensc 34 
  );
35 
};
5 stevensc 36 
 
3694 stevensc 37 
export default TitleSection;