import React from 'react';
import { createBrowserRouter } from 'react-router-dom';
import StartPage from './start-page/start-page';
import UnknownPage from './unknown-page';
import { KanbanBoardsPage } from './kanban-board/kanban-boards-page';
import { IssuesListBoardPage } from './issues-list-board/issues-list-boards-page';
import { DashboardsPage } from './dashboard/dashboards-page';
import { DashboardPage } from './dashboard/dashboard-page';

export const router = createBrowserRouter([
  {
    path: '/',
    element: <StartPage />,
  },
  {
    path: '/kanban-board/:type/:name',
    element: <KanbanBoardsPage />,
  },
  {
    path: '/issues-list-board/:type/:name',
    element: <IssuesListBoardPage />,
  },
  {
    path: '/dashboards',
    element: <DashboardsPage />,
  },
  {
    path: '/dashboard/:id',
    element: <DashboardPage />,
  },
  {
    path: '*',
    element: <UnknownPage />,
  },
]);