import React from 'react';
import { Link, NavLink } from 'react-router-dom';

import { RouterDebugger } from './RouterDebugger';
import { RouteDescriptor } from './types';

export const testRoutes: RouteDescriptor[] = [
  {
    path: '/test1',
    // eslint-disable-next-line react/display-name
    component: () =>
      (
        <>
          <h1>Test1</h1>
          <Link to={'/test2'}>Test2 link</Link>
          <NavLink to={'/test2'}>Test2 navlink</NavLink>
        </>
      ) as any,
  },
  {
    path: '/test2',
    // eslint-disable-next-line react/display-name
    component: () => (
      <>
        <h1>Test2 </h1>
        <Link to={'/test1'}>Test1 link</Link>
        <NavLink to={'/test1'}>Test1 navlink</NavLink>
      </>
    ),
  },
  {
    path: '/router-debug',
    // eslint-disable-next-line react/display-name
    component: () => RouterDebugger,
  },
];