import {
    applicationConfig,
    Meta,
    moduleMetadata,
    StoryObj,
} from '@storybook/angular';
import { importProvidersFrom } from '@angular/core';

// modules
import { HttpClientModule } from '@angular/common/http';
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

//components
import { CaPayrollListSummaryOverviewComponent } from '../ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component';

//json
import payrollListSummaryOverview from '../../../assets/json/ca-payroll-list-summary.json';

const meta: Meta<CaPayrollListSummaryOverviewComponent> = {
    title: 'Example/PayrollList',
    component: CaPayrollListSummaryOverviewComponent,
    tags: ['autodocs'],
    decorators: [
        applicationConfig({
            providers: [importProvidersFrom(BrowserAnimationsModule)],
        }),
        moduleMetadata({
            imports: [
                //Modules
                HttpClientModule,
                AngularSvgIconModule.forRoot(),
            ],
            providers: [SvgIconRegistryService],
        }),
    ],
    argTypes: {
        item: {
            control: 'object',
        },
    },
};

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

export const OpenDangerPayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .OpenDangerPayrollList,
    },
};

export const OpenPositivePayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .OpenPositivePayrollList,
    },
};

export const OpenSuccessPayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .OpenSuccessPayrollList,
    },
};

export const ClosedDangerPayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .ClosedDangerPayrollList,
    },
};

export const ClosedPositivePayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .ClosedPositivePayrollList,
    },
};

export const ClosedSuccessPayrollList: Story = {
    args: {
        item: payrollListSummaryOverview.payrollListSummaryOverview
            .ClosedSuccessPayrollList,
    },
};