import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { SharedModule } from '../shared/shared.module';
import { SearchModule } from '../component';
import { LayoutModule } from '../layouts';

import { TodoRoutingModule } from './todo.routing';
import { TodoComponent } from './todo.component';
import { TodoService } from './todo.service';
import { TodoHeaderComponent } from './todo-header/todo-header.component';
import { TodoItemComponent } from './todo-item/todo-item.component';
import { TodoListComponent } from './todo-list/todo-list.component';
import { TodoSidenavComponent } from './todo-sidenav/todo-sidenav.component';
import { TodoToolbarComponent } from './todo-toolbar/todo-toolbar.component';

@NgModule({
  imports: [
    HttpClientModule,
    SharedModule,
    LayoutModule,
    DragDropModule,
    TodoRoutingModule,
    SearchModule
  ],
  declarations: [
    TodoComponent,
    TodoHeaderComponent,
    TodoItemComponent,
    TodoListComponent,
    TodoSidenavComponent,
    TodoToolbarComponent
  ],
  providers: [{ provide: 'todoService', useClass: TodoService }]
})
export class TodoModule {}