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

import { WizardBaseComponent } from './wizard-base/wizard-base.component';
import { ModalOneComponent } from './wizard-base/modal-one/modal-one.component';
import { ModalTwoComponent } from './wizard-base/modal-two/modal-two.component';

import { DummyComponent } from './dummy/dummy.component';

const routes: Routes = [
  {

    path: 'wizard',
    component: WizardBaseComponent,

    children: [

      { path: '1', component: ModalOneComponent },

      { path: '2', component: ModalTwoComponent },
    ]

  },

  {
    path: 'dummy',
    component: DummyComponent
  },
  { path: '', redirectTo: '/wizard', pathMatch: 'full' },
];

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

}