Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Box } from '@mui/material'

import ParadigmItem from './paradigm-item'
import EmptySection from '@components/UI/EmptySection'

export default function ParadigmList({ paradigms = [] }) {
  if (!paradigms || !paradigms.length) {
    return <EmptySection message='No hay paradigmas para mostrar' />
  }

  return (
    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
      {paradigms.map((paradigm) => (
        <ParadigmItem paradigm={paradigm} key={paradigm.id} />
      ))}
    </Box>
  )
}