import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
import { MatDialogModule } from '@angular/material/dialog';
import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';
import { FormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CesiumMapComponent } from './cesium-map/cesium-map.component';
import { CreateLocationComponent } from './create-location/create-location.component';
import { PolygonContentDialogComponent } from './polygon-content-dialog/polygon-content-dialog.component';
import { LandingPageComponent } from './landing-page/landing-page.component';
import { FooterComponent } from './footer/footer.component';
import { SigninComponent } from './signin/signin.component';
import { SignupComponent } from './signup/signup.component';
import { SharedSidebarComponent } from './shared-sidebar/shared-sidebar.component';
import { SharedTopbarComponent } from './shared-topbar/shared-topbar.component';
import { CommonModule } from '@angular/common';
import { CountryFilterComponent } from './country-filter.component';
import { MapSettingsComponent } from './map-settings/map-settings.component';
import { TranslatePipe2 } from './Services/translate.pipe';
import { CesiumTunisiaDistrictsComponent } from './cesium-tunisia-districts/cesium-tunisia-districts.component';
import { LanguageSwitcherComponent } from './language-switcher/language-switcher.component';
import { EmbedCesiumComponent } from './embed-cesium/embed-cesium.component';
import { MapWrapperComponent } from './map-wrapper/map-wrapper.component';
import { EmbedCesiumNoLoaderComponent } from './embed-cesium-no-loader/embed-cesium-no-loader.component';
import { EmbedCesiumTransparentComponent } from './embed-cesium-transparent/embed-cesium-transparent.component';

@NgModule({
  declarations: [
 CesiumMapComponent,
    CreateLocationComponent,
    PolygonContentDialogComponent,
    LandingPageComponent,
    FooterComponent,
    SigninComponent,
    SignupComponent,
    SharedSidebarComponent,
    SharedTopbarComponent,
    CountryFilterComponent,
    MapSettingsComponent, 
    AppComponent,
    TranslatePipe2,
    CesiumTunisiaDistrictsComponent,
    LanguageSwitcherComponent,
    EmbedCesiumComponent,
    MapWrapperComponent,
    EmbedCesiumNoLoaderComponent,
    EmbedCesiumTransparentComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    MatDialogModule,
    MatButtonModule,
    MatInputModule,
    MatFormFieldModule,
    FormsModule,
    CommonModule,
    
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
