import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { UIModule } from '../../shared/ui/ui.module';
import { DashboardsRoutingModule } from './dashboards-routing.module';

import { NgApexchartsModule } from 'ng-apexcharts';
import { NgbDropdownModule, NgbTooltipModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap'
import { SimplebarAngularModule } from 'simplebar-angular';

import { DefaultComponent } from './default/default.component';

      // 🔥 NEW
import { LeafletModule } from '@asymmetrik/ngx-leaflet'; // 🔥 NEW
import { DialogModule } from 'primeng/dialog';
import { NgSelectModule } from '@ng-select/ng-select';

@NgModule({
  declarations: [DefaultComponent],
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    DashboardsRoutingModule,
    NgbDropdownModule,
    NgbTooltipModule,
    NgbNavModule,
    NgApexchartsModule,
    SimplebarAngularModule,
    UIModule,
    DialogModule,
    NgSelectModule,

        // 🔥 for number animation
    LeafletModule        // 🔥 for map
  ],
})
export class DashboardsModule { }