import React, { useEffect, useState } from 'react';
import { fetchRegistrationFileGroups } from '@/app/actions/registerFileGroupAction';

export default function RegistrationFileGroupList() {
  const [groups, setGroups] = useState([]);

  useEffect(() => {
    fetchRegistrationFileGroups().then(data => setGroups(data));
  }, []);

  return (
    <div>
      <h2>Groupes de fichiers d&apos;inscription</h2>
      <ul>
        {groups.map(group => (
          <li key={group.id}>{group.name}</li>
        ))}
      </ul>
    </div>
  );
}