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

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

//Components
import { CaStatusChangeDropdownComponent } from './ca-status-change-dropdown.component';

const meta: Meta<CaStatusChangeDropdownComponent> = {
    title: 'Example/CaStatusChangeDropdownComponent',
    component: CaStatusChangeDropdownComponent,
    tags: ['autodocs'],
    decorators: [
        moduleMetadata({
            imports: [HttpClientModule, AngularSvgIconModule.forRoot()],
            providers: [SvgIconRegistryService],
        }),
        applicationConfig({
            providers: [importProvidersFrom(BrowserAnimationsModule)],
        }),
    ],
    argTypes: {},
    args: {
        width: 120,
    },
};

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

export const StatusChangeDropdown: Story = {
    args: {
        statuses: {
            possibleStatuses: [
                {
                    statusValue: {
                        name: 'Hold',
                        id: 36,
                    },
                    statusString: 'Hold',
                    statusCheckInNumber: null,
                },
                {
                    statusValue: {
                        name: 'Invoiced',
                        id: 8,
                    },
                    statusString: 'Invoiced',
                    statusCheckInNumber: null,
                },
                {
                    statusValue: {
                        name: 'InvoicedFactoring',
                        id: 9,
                    },
                    statusString: 'Invoiced F',
                    statusCheckInNumber: null,
                },
            ],
            previousStatus: {
                statusValue: {
                    name: 'Offloading',
                    id: 47,
                },
                statusString: 'Offloading',
                statusCheckInNumber: null,
            },
        },
    },
};