import { Routes } from '@angular/router';

import {
    AngularComponentsComponent,
} from './../pages/angular-components/angular-components.component';

import {
    AttributeDirectivesComponent,
} from './../pages/attribute-directives/attribute-directives.component';

import {
    CssStylesComponent,
} from './../pages/css-styles/css-styles.component';

import {
    HelperServicesComponent,
} from './../pages/helper-services/helper-services.component';

import {
    IconsComponent,
} from './../pages/icons/icons.component';

import {
    ExampleImageEditorPageComponent,
    // tslint:disable-next-line
} from './../pages/example-image-editor-page/example-image-editor-page.component';

export const rootRouterConfig: Routes = [
    { path: 'css-styles', component: CssStylesComponent },
    { path: 'angular-components', component: AngularComponentsComponent },
    { path: 'attribute-directives', component: AttributeDirectivesComponent },
    { path: 'helper-services', component: HelperServicesComponent },
    { path: 'icons', component: IconsComponent },
    { path: 'image-editor', component: ExampleImageEditorPageComponent },
    { path: '', redirectTo: 'css-styles', pathMatch: 'full' },
];