import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SearchComponent } from './components/search/search.component';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { NavbarComponent } from './components/navbar/navbar.component';
import { BrandComponent } from './components/brand/brand.component';
import { FooterComponent } from './components/footer/footer.component';
import { RouterModule } from '@angular/router';
import { DropdownCategoriesComponent } from './components/dropdown-categories/dropdown-categories.component';
import { SearchPipe } from './pipes/search/search.pipe';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    SearchComponent,
    NavbarComponent,
    BrandComponent,
    FooterComponent,
    DropdownCategoriesComponent,
    SearchPipe
  ],
  imports: [
    CommonModule,
    FontAwesomeModule,
    RouterModule,
    FormsModule,
  ],
  exports: [
    SearchComponent,
    NavbarComponent,
    BrandComponent,
    FooterComponent,
    DropdownCategoriesComponent,
    SearchPipe,
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class SharedModule { }
