import { BrowserModule } from "@angular/platform-browser"
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from "@angular/core"

import { AppRoutingModule } from "./app-routing.module"
import { AppComponent } from "./app.component"
import { FormsModule, ReactiveFormsModule } from "@angular/forms"
import { IndexPageComponent } from "./index-page/index-page.component"
import { HeaderComponent } from "./header/header.component"
import { FooterComponent } from "./footer/footer.component"
import { InvestmentAmountComponent } from './investment-amount/investment-amount.component';
import { InvestmentOriginComponent } from './investment-origin/investment-origin.component';
import { SummaryComponent } from './summary/summary.component'
import {
  BooleanValueAccessorDirective, NumericValueAccessorDirective,
  SelectValueAccessorDirective, TextValueAccessorDirective
} from "./value-accessors"

@NgModule({
  declarations: [
    AppComponent, IndexPageComponent, HeaderComponent, FooterComponent,
    InvestmentAmountComponent, InvestmentOriginComponent, SummaryComponent,
    BooleanValueAccessorDirective, NumericValueAccessorDirective,
    SelectValueAccessorDirective, TextValueAccessorDirective,
  ],
  imports: [BrowserModule, FormsModule, ReactiveFormsModule, AppRoutingModule],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule {}
