import { Flash, PageHeader, type SP } from '@/components/ui';
import { BellIcon } from '@/components/Icons';
import { NotificationsPanel } from '@/components/NotificationsPanel';

export default async function StaffNotifications({ searchParams }: { searchParams: SP }) {
  const sp = await searchParams;
  return (
    <>
      <PageHeader title="Notifications" icon={<BellIcon className="h-5 w-5" />} description="New claims, credential requests and other things that need your attention." />
      <Flash ok={sp.ok} err={sp.err} />
      <NotificationsPanel basePath="/notifications" page={Number(sp.page) || 1} fallbackUrl="/notifications" />
    </>
  );
}