import { useCallback, useEffect } from "react"
import { useNavigation, type PageId } from "@/contexts/navigation-context"

/** Keep feature tabs shareable and in sync with browser Back/Forward. */
export function useFeatureNavigation(page: PageId, title: string, defaultTab: string, availableTabs: readonly string[]) {
  const { currentTab, navigateTo } = useNavigation()
  const activeTab = currentTab && availableTabs.includes(currentTab) ? currentTab : defaultTab
  const setActiveTab = useCallback((tab: string) => {
    if (availableTabs.includes(tab)) navigateTo(page, tab)
  }, [availableTabs, navigateTo, page])

  useEffect(() => {
    const previousTitle = document.title
    document.title = `${title} · Swift Commerce`
    return () => { document.title = previousTitle }
  }, [title])

  return { activeTab, setActiveTab }
}