Proyectos de Subversion LeadersLinked - SPA

Rev

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