import { OverlayModule } from '@angular/cdk/overlay';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import {
  YapCoreModule,
  YapDashboardModule,
  YapIconModule,
  YapOverlayModule,
  YapSelectModule,
  YapShareModule,
  YapToggleModule
} from '@onepoint-yap/dashboard';
import { YapCheckboxModule } from '@onepoint-yap/dashboard/components/checkbox';
import { YapStepperModule } from '@onepoint-yap/dashboard/components/stepper';
import { ClearViewComponent } from './components/clear-view/clear-view.component';
import { DragWidgetsComponent } from './components/drag-widgets/drag-widgets.component';
import { EditModeToggleComponent } from './components/edit-mode-toggle/edit-mode-toggle.component';
import { LaunchTabComponent } from './components/launch-tab/launch-tab.component';
import { NamedQueryComponent } from './components/named-query/named-query.component';
import { SaveViewComponent } from './components/save-view/save-view.component';
import { SelectDefaultSizeComponent } from './components/select-default-size/select-default-size.component';
import { ToolboxComponent } from './components/toolbox.component';

const components = [
  ClearViewComponent,
  DragWidgetsComponent,
  EditModeToggleComponent,
  LaunchTabComponent,
  NamedQueryComponent,
  SaveViewComponent,
  SelectDefaultSizeComponent,
  ToolboxComponent
];

@NgModule({
  declarations: [...components],
  imports: [
    CommonModule,
    TranslateModule.forChild(),
    FormsModule,
    OverlayModule,
    YapOverlayModule,
    YapCoreModule,
    YapDashboardModule,
    YapSelectModule,
    YapIconModule,
    YapCheckboxModule,
    YapToggleModule,
    YapStepperModule,
    YapShareModule
  ],
  exports: [...components]
})
export class YapToolboxModule {}