import { List } from '@chakra-ui/react';
import { WorkingCardProps, WorkingListCard } from './WorkingListCard';

export function WorkingList({ workingsList }: { workingsList: WorkingCardProps[] }) {
  return (
    <List.Root variant="plain" gap={4}>
      {workingsList.map(workingData => (
        <List.Item key={workingData.id}>
          <WorkingListCard {...workingData} />
        </List.Item>
      ))}
    </List.Root>
  );
}