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';

const routes: Routes = [
  {
    path: 'wizard',

    component: WizardBaseComponent,
    children: [

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

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

    ]
  },

  { path: '', redirectTo: '/wizard', pathMatch: 'full' },

];

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