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 IconsComponent
    from './../pages/icons/icons.component';

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

export default rootRouterConfig;