Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Box, styled, Typography } from '@mui/material';

const EmptyContainer = styled(Box)`
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  flex-direction: column;
  padding: 1rem;
  width: 100%;
  flex-grow: 1;
`;

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

  return (
    <EmptyContainer alignItems={alignOptions[align]}>
      {Icon && Icon}
      <Typography sx={{ fontWeight: 600 }}>{message}</Typography>
    </EmptyContainer>
  );
};

export default EmptySection;