'use client';
import { useEffect } from 'react';
import { useRouter, useSearchParams } from 'next/navigation';

export function redirectToTab(tab: string) {
  // returns a component that redirects to the unified trading-rules page with the given tab
  // eslint-disable-next-line react/display-name
  return function RedirectPage() {
    const router = useRouter();
    const search = useSearchParams();
    useEffect(() => {
      const params = new URLSearchParams(Array.from(search?.entries() ?? []));
      params.set('tab', tab);
      router.replace(`/super-admin/trading-rules?${params.toString()}`);
    }, [router, search]);
    return <div className="flex items-center justify-center h-64 text-slate-400">Redirecting to Trading &amp; Commission Rules → {tab}...</div>;
  };
}