import React from 'react';
import { useNavigate } from 'react-router-dom';
import { useEventContext } from '../../context/EventContext';
import { NavKey } from '../components/BottomNav';
import { resolveTabTarget } from '../lib/tabHistory';

export function useMobileNav(currentSlug?: string | null) {
  const navigate = useNavigate();
  const { activeEvent } = useEventContext();
  const slug = currentSlug ?? activeEvent?.slug ?? null;

  const go = React.useCallback(
    (key: NavKey) => {
      const target = resolveTabTarget(key, slug);
      navigate(target);
    },
    [navigate, slug]
  );

  return { go, slug };
}