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 {
}