import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { FormsModule }   from '@angular/forms';
import {MaterialModule} from '@angular/material';
import {CovalentCoreModule} from '@covalent/core';
import {CovalentHttpModule} from '@covalent/http';
import {CovalentDynamicFormsModule} from '@covalent/dynamic-forms'; 

import { AppComponent }  from './app.component';
import { PackListComponent }  from './pack.list.component';
import { HeroDetailComponent } from './detail.component';

import { appRoutes, appRoutingProviders } from './app.routes';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    MaterialModule.forRoot(),
    CovalentCoreModule.forRoot(),
    CovalentHttpModule.forRoot(),
    CovalentDynamicFormsModule.forRoot(),
    appRoutes,
  ],
  declarations: [
    HeroDetailComponent,
    PackListComponent,
    AppComponent
  ],
  bootstrap: [ AppComponent ],
  providers: [
    appRoutingProviders,
  ]
})

export class AppModule { }