import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule} from '@angular/forms';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatButtonModule } from '@angular/material/button'

import { ProductSearchComponent } from './product-search/product-search.component';
import { MyaccountDropdownComponent } from './myaccount-dropdown/myaccount-dropdown.component';
import { SignUpModalComponent } from './sign-up-modal/sign-up-modal.component';
import { LoginModalComponent } from './login-modal/login-modal.component';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    FlexLayoutModule,
    MatButtonModule,
    ReactiveFormsModule,
    
  ],
  declarations: [
    ProductSearchComponent, MyaccountDropdownComponent,LoginModalComponent,SignUpModalComponent,
  ],
  exports: [ProductSearchComponent, MyaccountDropdownComponent],
  entryComponents: [SignUpModalComponent,LoginModalComponent]

})
export class HeaderComponentsModule { }