Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 5 | Rev 874 | 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'
856 stevensc 2 
import styled from 'styled-components'
5 stevensc 3 
 
856 stevensc 4 
const StyledEmptyContainer = styled.div`
5 
  display: flex;
6 
  align-items: ${(props) => (props.align ? props.align : 'left')};
7 
  justify-content: center;
8 
  flex-direction: column;
9 
  padding: 1rem;
10 
  p {
11 
    font-weight: 600;
12 
  }
13 
`
14 
 
5 stevensc 15 
const EmptySection = ({
16 
  Icon = null,
17 
  message = 'No hay publicaciones',
856 stevensc 18 
  align = 'left'
5 stevensc 19 
}) => {
20 
  const alignOptions = {
21 
    left: 'flex-start',
22 
    right: 'flex-end',
856 stevensc 23 
    center: 'center'
5 stevensc 24 
  }
25 
 
26 
  return (
856 stevensc 27 
    <StyledEmptyContainer align={alignOptions[align]}>
5 stevensc 28 
      {Icon && Icon}
29 
      <p>{message}</p>
856 stevensc 30 
    </StyledEmptyContainer>
5 stevensc 31 
  )
32 
}
33 
 
34 
export default EmptySection