"use client"

import { useEffect } from "react"
import { useBettingStore } from "@/lib/store/betting-store"
import type { AppEvent } from "@/lib/store/betting-types"

export type { AppEvent } from "@/lib/store/betting-types"

/**
 * Hook that syncs URL filters with the betting store and returns events list state.
 * Prefer using useBettingStore() directly when you need full control.
 */
export function useEvents(sportId: number | null, leagueId: string | null, _filterLive: boolean) {
  const { events, loading, error, hasMore, loadMore, setFilters } = useBettingStore()
  const total = useBettingStore((s) => s.total)

  useEffect(() => {
    setFilters(sportId, leagueId)
  }, [sportId, leagueId, setFilters])

  return { events, loading, error, hasMore, loadMore, total }
}