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

import { ComponentsComponent } from './components.component';
import { ComponentsTablesComponent } from './components-tables/components-tables.component';
import { ActionsTablesComponent } from './actions-tables/actions-tables.component';

import { ConfirmDeactivateGuardGuard } from '../../guards/confirm-deactivate-guard.guard';

const routes: Routes = [
  {
    path: '',
    component: ComponentsComponent,
    children: [
      {
        path: 'components-table',
        component: ComponentsTablesComponent,
        canDeactivate: [ConfirmDeactivateGuardGuard],
      },
      {
        path: 'actions-table',
        component: ActionsTablesComponent,
        canDeactivate: [ConfirmDeactivateGuardGuard],
      },
      {
        path: '',
        redirectTo: 'components-table',
        pathMatch: 'full',
      },
    ],
  },
];

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

export const routedComponents = [
  ComponentsComponent,
  ComponentsTablesComponent,
  ActionsTablesComponent,
];