import { useState, useEffect } from 'react';
import { userPreferencesService } from '@/services/user-preferences';

export function useObjectivesVisibility() {
  const [showObjectives, setShowObjectives] = useState(true);

  // Charger les préférences au montage
  useEffect(() => {
    const saved = userPreferencesService.getViewPreferences();
    setShowObjectives(saved.showObjectives);
  }, []);

  const toggleObjectivesVisibility = () => {
    setShowObjectives(prev => {
      const newValue = !prev;
      
      // Sauvegarder dans localStorage
      userPreferencesService.updateViewPreferences({
        showObjectives: newValue
      });
      
      return newValue;
    });
  };

  return {
    showObjectives,
    toggleObjectivesVisibility
  };
}