// ProductList.jsx
import { useState, useEffect } from 'react';
import axios from 'axios';

export default function ProductList() {
  const [products, setProducts] = useState([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    axios.get('https://api.isoset-demo.fr/products')
      .then(res => setProducts(res.data))
      .finally(() => setLoading(false));
  }, []);

  if (loading) return <div>Chargement...</div>;
  return (
    <ul>{products.map(p => <li key={p.id}>{p.name}</li>)}</ul>
  );
}