import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { HttpModule } from '@angular/http';
import { CommonModule } from '@angular/common';
import { MaterialModule } from '@angular/material';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { FlexLayoutModule } from "@angular/flex-layout";

import 'hammerjs';

import { MaterialRoutes } from './material.routing';
import { ButtonsComponent } from './buttons/buttons.component';
import { CardsComponent } from './cards/cards.component';
import { InputComponent } from './input/input.component';
import { CheckboxComponent, MdCheckboxDemoNestedChecklist } from './checkbox/checkbox.component';
import { RadioComponent } from './radio/radio.component';
import { ToolbarComponent } from './toolbar/toolbar.component';
import { ListsComponent } from './lists/lists.component';
import { GridComponent } from './grid/grid.component';
import { ProgressComponent } from './progress/progress.component';
import { TabsComponent } from './tabs/tabs.component';
import { ToggleComponent } from './toggle/toggle.component';
import { TooltipComponent } from './tooltip/tooltip.component';
import { MenuComponent } from './menu/menu.component';
import { SliderComponent } from './slider/slider.component';
import { SnackbarComponent } from './snackbar/snackbar.component';
import { DialogComponent } from './dialog/dialog.component';
import { SelectComponent } from './select/select.component';

@NgModule({
  imports: [CommonModule, RouterModule.forChild(MaterialRoutes), MaterialModule, HttpModule, FormsModule, ReactiveFormsModule, FlexLayoutModule],
  declarations: [ButtonsComponent, CardsComponent, InputComponent, CheckboxComponent, MdCheckboxDemoNestedChecklist, RadioComponent, ToolbarComponent, ListsComponent, GridComponent, ProgressComponent, TabsComponent, ToggleComponent, TooltipComponent, MenuComponent, SliderComponent, SnackbarComponent, DialogComponent, SelectComponent],
})

export class MaterialComponentsModule {}