import { Routes } from '@angular/router'; import { FilterComponent } from './bookings-components/filter/filter.component'; import { ListComponent } from './bookings-components/list/list.component'; import { SearchOrCreateComponent } from './create/search-or-create/search-or-create.component'; import { SearchRoomComponent } from './create/search-room/search-room.component'; import { ToAssignComponent } from './create/to-assign/to-assign.component'; export const BookingsRoutes: Routes = [ { path: '', children: [ { path: 'bookings-components', children: [ { path: 'filter', component: FilterComponent , }, { path: 'list', component: ListComponent, } ] }, { path: 'create', children: [ { path: 'search-or-create', component: SearchOrCreateComponent, }, { path: 'search-room', component: SearchRoomComponent, }, { path: 'to-assign', component: ToAssignComponent, } ] }, ] } ];