import { ReactNode } from 'react';
import { createMemoryRouter, RouterProvider } from 'react-router-dom';

import { render } from './utils';

export const renderWithProvider = (Component: ReactNode) => {
  const routes = [
    {
      path: '/',
      element: Component,
    },
  ];

  const router = createMemoryRouter(routes, {
    initialEntries: ['/'],
    initialIndex: 0,
  });

  return render(<RouterProvider router={router} />);
};