import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
import { HttpClientModule } from '@angular/common/http';

// modules
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { NgbModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';

// components
import { CaHeatmapUsaComponent } from './ca-heatmap-usa.component';

// constants
import { DashboardStateConstants } from './constants/heatmap-usa.constants';

// interfaces
import { IMapStates } from './interfaces';

const meta: Meta<CaHeatmapUsaComponent> = {
    title: 'Example/CaHeatmapUsaComponent',
    component: CaHeatmapUsaComponent,
    tags: ['autodocs'],
    decorators: [
        moduleMetadata({
            imports: [
                HttpClientModule,
                AngularSvgIconModule.forRoot(),
                NgbModule,
                NgbPopoverModule,
            ],
            providers: [SvgIconRegistryService],
        }),
    ],
};

export default meta;
type Story = StoryObj<CaHeatmapUsaComponent>;

const getList = (): IMapStates => {
    return DashboardStateConstants.usaStatesExample;
};

export const HeatmapUsa: Story = {
    args: {
        usaStates: getList(),
    },
};