import { useContext } from 'react';
import { RoutesContext } from './RoutesContext.js';
import type { Match } from './matcher.js';

export function useRouteMatch<TPath extends string>() {
  return useContext(RoutesContext) as Match<TPath>;
}

export function useRouteParams<TPath extends string>() {
  const match = useRouteMatch<TPath>();
  return match ? match.params : null;
}