import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
// import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ThemeComponent } from './theme/theme.component';
import { IframeComponent } from './theme/iframe.component';
import { LayoutModule } from './theme/layouts/layout.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ScriptLoaderService } from './_services/script-loader.service';
import { ThemeRoutingModule } from './theme/theme-routing.module';
import { AuthModule } from './auth/auth.module';
import { ToastrModule } from 'ngx-toastr';
import { DetailsService } from './theme/pages/default/details.service';
import { MatDialog, MatDialogModule, MatDialogRef } from '@angular/material';
import { DialogComponent } from './theme/pages/default/dialog.component';
import { GlobalsComponent } from './theme/pages/default/globals/globals.component';

// import { ShortenPipe } from './theme/pages/default/components/categorize-proposal/shorten.pipe';
// import { AllProposalsComponent } from './theme/pages/default/components/all-proposals/all-proposals.component';

@NgModule({
  declarations: [
    ThemeComponent,
    IframeComponent,
    AppComponent,
    DialogComponent
    // ShortenPipe
  ],
  imports: [
    LayoutModule,
    BrowserModule,
    // FormsModule,
    // ReactiveFormsModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    ThemeRoutingModule,
    AuthModule,
    ToastrModule.forRoot(),
    //  MatDialog,
    MatDialogModule
  ],
  providers: [ScriptLoaderService, DetailsService, GlobalsComponent],
  bootstrap: [AppComponent],
  entryComponents: [DialogComponent]
})
export class AppModule {}