import {Routes} from '@angular/router';
import {ColorsPage} from './pages/colors-page/colors-page';
import {AirwatchDemo} from './pages/airwatch-demo/airwatch-demo';
import {Csc} from './pages/csc/csc';
import {LayoutDemo} from './pages/layout-demo/layout-demo';
import {TestingApi} from './pages/testing-api/testing-api';

export const routes: Routes = [
  {
    path: '',
    component: LayoutDemo,
    title: 'Démo Layout'
  },
  {
    path: 'home',
    component: LayoutDemo,
    title: 'Démo Layout'
  },
  {
    path: 'grid',
    loadComponent: () => import('./pages/grid-demo/grid-demo').then(m => m.GridDemo),
    title: 'Démo AG Grid'
  },

  {
    path: 'colors',
    component: ColorsPage,
  },
  {
    path: 'airwatch',
    component: AirwatchDemo,
  },
  {
    path: 'api-testing',
    component: TestingApi,
  },
  {
    path: 'csc',
    component: Csc,
  },
  {
    path: '*',
    redirectTo: 'home',
    pathMatch: 'full'
  }
];