import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';

import { CustomerOrderDetailsComponent } from './customer-order-details.component';
import { CustomerOrderDetailsItemComponent } from './customer-order-details-item';
import { CustomerOrderDetailsHeaderComponent } from './customer-order-details-header';
import { CustomerOrderDetailsTagsComponent } from './customer-order-details-tags';
import { UiCommonModule } from '@ui/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { UiSpinnerModule } from '@ui/spinner';
import { IconModule } from '@shared/components/icon';
import { UiTooltipModule } from '@ui/tooltip';
import { UiQuantityDropdownModule } from '@ui/quantity-dropdown';
import { TextFieldModule } from '@angular/cdk/text-field';
import { CustomerOrderPipesModule } from '../pipes';
import { ProductImageModule } from '@cdn/product-image';
import { CustomerOrderDetailsStore } from './customer-order-details.store';
import { UiDatepickerModule } from '@ui/datepicker';
import { UiDropdownModule } from '@ui/dropdown';
import { LabelComponent } from '@isa/ui/label';

@NgModule({
  imports: [
    CommonModule,
    UiCommonModule,
    FormsModule,
    ReactiveFormsModule,
    UiSpinnerModule,
    IconModule,
    UiTooltipModule,
    UiDatepickerModule,
    UiQuantityDropdownModule,
    UiDropdownModule,
    TextFieldModule,
    CustomerOrderPipesModule,
    ProductImageModule,
    CustomerOrderDetailsTagsComponent,
    LabelComponent,
  ],
  exports: [
    CustomerOrderDetailsComponent,
    CustomerOrderDetailsItemComponent,
    CustomerOrderDetailsHeaderComponent,
    CustomerOrderDetailsTagsComponent,
  ],
  declarations: [
    CustomerOrderDetailsComponent,
    CustomerOrderDetailsItemComponent,
    CustomerOrderDetailsHeaderComponent,
  ],
  providers: [CustomerOrderDetailsStore],
})
export class CustomerOrderDetailsModule {}
