import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { LayoutPage } from './layout.page';

const routes: Routes = [
  {
    path: '',
    component: LayoutPage,
    children:[
      {
        path: 'main',
        loadChildren: () => import('../main/main.module').then( m => m.MainPageModule)
      },
      {
        path: 'details',
        loadChildren: () => import('../details/details.module').then( m => m.DetailsPageModule)
      },
      {
        path: 'support',
        loadChildren: () => import('../support/support.module').then( m => m.SupportPageModule)
      },
      {
        path: 'speed',
        loadChildren: () => import('../speed/speed.module').then( m => m.SpeedPageModule)
      },
      {
        path: 'spot',
        loadChildren: () => import('../spot/spot.module').then( m => m.SpotPageModule)
      },
    ] 
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class LayoutPageRoutingModule {}