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

//module
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { importProvidersFrom } from '@angular/core';

//Components
import { CaLoadStatusLogComponent } from './ca-load-status-log.component';
import { AngularSvgIconModule } from 'angular-svg-icon';
import { HttpClientModule } from '@angular/common/http';

//json
import loadStatusLogExample from '../../../assets/json/ca-load-status-log.json';

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

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

export const LoadStatusLogExample: Story = {
    args: {
        loadStatusHistory: loadStatusLogExample.loadStatusLogExample,
    },
};

export const LoadStatusLogExample2: Story = {
    args: {
        loadStatusHistory: loadStatusLogExample.loadStatusLogExample2,
    },
};

export const LoadStatusLogExample3: Story = {
    args: {
        loadStatusHistory: loadStatusLogExample.loadStatusLogExample3,
    },
};

export const LoadStatusLogExample4: Story = {
    args: {
        loadStatusHistory: loadStatusLogExample.loadStatusLogExample4,
    },
};

export const LoadStatusLogSplit: Story = {
    args: {
        loadStatusHistory: loadStatusLogExample.loadStatusLogSplit,
    },
};