'use client';

import { useUserPreferences } from '@/contexts/UserPreferencesContext';
import { useToast } from '@/components/ui/Toast';
import { BACKGROUND_NAMES, TOAST_ICONS, getNextBackground } from '@/lib/ui-config';

export function useBackgroundCycle() {
  const { preferences, updateViewPreferences } = useUserPreferences();
  const { showToast } = useToast();

  const cycleBackground = () => {
    const currentBackground = preferences?.viewPreferences?.backgroundImage;
    const customImages = preferences?.viewPreferences?.customImages || [];
    
    const nextBackground = getNextBackground(currentBackground || 'none', customImages);
    const backgroundImage = nextBackground === 'none' ? undefined : nextBackground;
    
    updateViewPreferences({ backgroundImage });
    
    // Afficher le toast avec le nom du background
    const backgroundName = BACKGROUND_NAMES[nextBackground] || 'Image personnalisée';
    showToast(`Background: ${backgroundName}`, 2000, TOAST_ICONS.background);
  };

  return {
    cycleBackground
  };
}