Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 875 | 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'
3101 stevensc 2 
import { Box, styled, Typography } from '@mui/material'
5 stevensc 3 
 
3101 stevensc 4 
const EmptyContainer = styled(Box)`
856 stevensc 5 
  display: flex;
874 stevensc 6 
  box-sizing: border-box;
856 stevensc 7 
  justify-content: center;
8 
  flex-direction: column;
9 
  padding: 1rem;
874 stevensc 10 
  width: 100%;
875 stevensc 11 
  flex-grow: 1;
856 stevensc 12 
`
13 
 
5 stevensc 14 
const EmptySection = ({
15 
  Icon = null,
16 
  message = 'No hay publicaciones',
856 stevensc 17 
  align = 'left'
5 stevensc 18 
}) => {
19 
  const alignOptions = {
20 
    left: 'flex-start',
21 
    right: 'flex-end',
856 stevensc 22 
    center: 'center'
5 stevensc 23 
  }
24 
 
25 
  return (
3101 stevensc 26 
    <EmptyContainer alignItems={alignOptions[align]}>
5 stevensc 27 
      {Icon && Icon}
3101 stevensc 28 
      <Typography sx={{ fontWeight: 600 }}>{message}</Typography>
29 
    </EmptyContainer>
5 stevensc 30 
  )
31 
}
32 
 
33 
export default EmptySection