import { LOCALE_ID, NgModule } from '@angular/core';
import { BrowserModule, Title } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CoreModule } from './core/core.module';
import { AuthModule } from './components/auth/auth.module';
import { DashboardModule } from './components/dashboard/dashboard.module';
import { SpinnerComponent } from './components/shared';
import { FullComponent } from 'src/app/components/shared/layout';
//import { HeaderComponent, FooterComponent } from 'src/app/components/shared/layout';

registerLocaleData(localeFr);

@NgModule({
    declarations: [ AppComponent ],
    imports: [
        BrowserModule,
        CoreModule,
        AuthModule, 
        AppRoutingModule,
        BrowserAnimationsModule,
        SpinnerComponent,
        FullComponent,
        DashboardModule
        //HeaderComponent, FooterComponent
    ],
    providers: [ Title, { provide: LOCALE_ID, useValue: 'fr-FR' } ],
    bootstrap: [ AppComponent ]
})
export class AppModule { }
