import {QueryClientProvider} from '@tanstack/react-query';
import {type ReactNode} from 'react';
import {Toaster} from 'sonner';
import {ConfirmHost} from '@/lib/confirm';
import {queryClient} from '@/lib/query-client';

export function Providers({children}: {children: ReactNode}) {
  return (
    <QueryClientProvider client={queryClient}>
      {children}
      <Toaster richColors position="top-center" expand visibleToasts={9} />
      <ConfirmHost />
    </QueryClientProvider>
  );
}