import {NgModule} from "@angular/core";
import {CommonModule} from "@angular/common";
import {RouterModule} from "@angular/router";
import {AboutComponent} from "./about.component";
import {The5MonitorsComponent} from "./the-5-monitors.component";
import {UserActionsComponent} from "./user-actions.component";

@NgModule({
  declarations: [AboutComponent, The5MonitorsComponent, UserActionsComponent],
  imports: [CommonModule, RouterModule.forChild([
    {
      path: '',
      redirectTo: 'about',
      pathMatch: 'full',
      canDeactivate: []
    },
    {
      path: 'about',
      component: AboutComponent,
      canDeactivate: []
    },
    {
      path: 'the-5-monitors',
      component: The5MonitorsComponent,
      canDeactivate: []
    },
		{
      path: 'user-actions',
      component: UserActionsComponent,
			canDeactivate: []
    }
  ])],
  exports: []
})
export class HowItWorksModule {
}