import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ReactiveFormsModule} from '@angular/forms';
import { MatCardModule } from '@angular/material/card';
import { MatButtonModule } from '@angular/material/button'
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatDialogModule } from '@angular/material/dialog';
import { MatCheckboxModule } from '@angular/material/checkbox';

import { ProductCardComponent } from './product-card/product-card.component'
import { ProductVariantDialogComponent } from './product-variant-dialog/product-variant-dialog.component';
import { ProductConfigDialogComponent } from './product-config-dialog/product-config-dialog.component';
import { CompactViewComponent } from './compact-view/compact-view.component';

@NgModule({
  declarations: [CompactViewComponent, ProductCardComponent, ProductVariantDialogComponent, ProductConfigDialogComponent],
  imports: [
    CommonModule,
    FlexLayoutModule,
    ReactiveFormsModule,
    MatCardModule,
    MatButtonModule,
    MatDialogModule,
    MatCheckboxModule
  ],
  entryComponents: [ProductVariantDialogComponent, ProductConfigDialogComponent ],
  exports: [CompactViewComponent, ProductCardComponent]
})
export class CommonComponentsModule { }