// useWindowWidth.js

import { useState, useEffect } from 'react';

/**

• Hook personnalisé pour obtenir la largeur de la fenêtre en temps réel.
• @returns {number} La largeur actuelle de la fenêtre. */ function useWindowWidth() { const [width, setWidth] = useState(window.innerWidth); // État pour stocker la largeur

useEffect(() => { const handleResize = () => setWidth(window.innerWidth); // Fonction appelée lors du redimensionnement

window.addEventListener('resize', handleResize); // Ajoute l'écouteur d'événement

return () => {
  window.removeEventListener('resize', handleResize); // Nettoyage à la désactivation du composant
};

}, []); // Le tableau vide signifie que l'effet ne s'exécute qu'au montage et démontage

return width; // Retourne la largeur actuelle }

export default useWindowWidth;