Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import styled from 'styled-components'

const StyledEmptyContainer = styled.div`
  display: flex;
  align-items: ${(props) => (props.align ? props.align : 'left')};
  box-sizing: border-box;
  justify-content: center;
  flex-direction: column;
  padding: 1rem;
  width: 100%;
  flex-grow: 1;
  p {
    font-weight: 600;
  }
`

const EmptySection = ({
  Icon = null,
  message = 'No hay publicaciones',
  align = 'left'
}) => {
  const alignOptions = {
    left: 'flex-start',
    right: 'flex-end',
    center: 'center'
  }

  return (
    <StyledEmptyContainer align={alignOptions[align]}>
      {Icon && Icon}
      <p>{message}</p>
    </StyledEmptyContainer>
  )
}

export default EmptySection