import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TabsComponent } from './tabs.component';
import { MatTabsModule } from '@angular/material/tabs';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { TabService } from './services/tab.service';
import { FlexLayoutModule } from '@angular/flex-layout';
import { RouterModule } from '@angular/router';
import { TabsRoutingModule } from './tabs-routing.module';
import { MatIconModule } from '@angular/material/icon';
import { StoreModule } from '@ngrx/store';
import { reducers } from './reducer/tabs.reducer';

@NgModule({
  declarations: [TabsComponent],
  imports: [
    CommonModule,
    MatTabsModule,
    MatCheckboxModule,
    MatIconModule,
    FlexLayoutModule,
    RouterModule,
    TabsRoutingModule,
    StoreModule.forFeature( 'tabs', reducers ),
  ],
  providers: [TabService],
  exports: [TabsComponent],
})
export class TabsModule { }