Proyectos de Subversion LeadersLinked - SPA

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

import PurposeItem from './purpose-item'
import EmptySection from '@components/UI/EmptySection'

export default function PurposeList({ purposes = [] }) {
  if (!purposes || !purposes.length) {
    return <EmptySection message='No hay propósitos para mostrar' />
  }

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