Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 856 | 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'
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')};
874 stevensc 7 
  box-sizing: border-box;
856 stevensc 8 
  justify-content: center;
9 
  flex-direction: column;
10 
  padding: 1rem;
874 stevensc 11 
  width: 100%;
856 stevensc 12 
  p {
13 
    font-weight: 600;
14 
  }
15 
`
16 
 
5 stevensc 17 
const EmptySection = ({
18 
  Icon = null,
19 
  message = 'No hay publicaciones',
856 stevensc 20 
  align = 'left'
5 stevensc 21 
}) => {
22 
  const alignOptions = {
23 
    left: 'flex-start',
24 
    right: 'flex-end',
856 stevensc 25 
    center: 'center'
5 stevensc 26 
  }
27 
 
28 
  return (
856 stevensc 29 
    <StyledEmptyContainer align={alignOptions[align]}>
5 stevensc 30 
      {Icon && Icon}
31 
      <p>{message}</p>
856 stevensc 32 
    </StyledEmptyContainer>
5 stevensc 33 
  )
34 
}
35 
 
36 
export default EmptySection