Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
5 stevensc 1 
import React from 'react'
1477 stevensc 2 
import { Container, styled } from '@mui/material'
3 
import { Add } from '@mui/icons-material'
5 stevensc 4 
 
1478 stevensc 5 
const Headery = styled(Container)(({ theme }) => ({
1477 stevensc 6 
  display: 'flex',
7 
  alignItems: 'center',
1478 stevensc 8 
  justifyContent: 'center',
1477 stevensc 9 
  position: 'relative',
10 
  h1: {
1478 stevensc 11 
    fontSize: '1.1rem',
1477 stevensc 12 
    fontWeight: 'bold'
13 
  },
14 
  button: {
15 
    display: 'flex',
16 
    alignItems: 'center',
17 
    gap: '0.5rem',
18 
    position: 'relative',
19 
    fontWeight: '600'
1478 stevensc 20 
  },
21 
  [theme.breakpoints.down('md')]: {
22 
    justifyContent: 'space-between',
23 
 
24 
    button: {
25 
      position: 'absolute',
26 
      right: 0,
27 
      top: '50%',
28 
      transform: 'translateY(-50%)'
29 
    }
405 stevensc 30 
  }
1477 stevensc 31 
}))
405 stevensc 32 
 
1215 stevensc 33 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
5 stevensc 34 
  return (
1478 stevensc 35 
    <Headery {...rest}>
405 stevensc 36 
      <h1>{title}</h1>
1215 stevensc 37 
      {onAdd && (
409 stevensc 38 
        <button onClick={onAdd}>
1477 stevensc 39 
          <Add />
1216 stevensc 40 
          {addLabel}
409 stevensc 41 
        </button>
42 
      )}
1478 stevensc 43 
    </Headery>
5 stevensc 44 
  )
45 
}
46 
 
47 
export default TitleSection