Proyectos de Subversion LeadersLinked - SPA

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

const StyledGrid = styled('div')`
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
`;

export function Grid({ items = [], renderItem = () => {}, emptyMessage = '' }) {
  if (!items.length) {
    return <Typography>{emptyMessage}</Typography>;
  }

  return <StyledGrid>{items.map((item, index) => renderItem(item, index))}</StyledGrid>;
}