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

// modules
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';

// components
import { CaVehicleListComponent } from './ca-vehicle-list.component';

// constants
import { VehicleListConstants } from './utils/constants';

// enums
import { eVehicleList } from './enums';

// models
import { VehicleListResponse } from './models';

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

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

const getList = (): VehicleListResponse[] => {
    return VehicleListConstants.STORY_LIST_EXAMPLE;
};

export const RepairedVehicleList: Story = {
    args: {
        vehicleListConfig: {
            type: eVehicleList.REPAIRED_VEHICLE_LIST,
            list: getList(),
            isSearchActive: false,
        },
    },
};

export const FuelledVehicleList: Story = {
    args: {
        vehicleListConfig: {
            type: eVehicleList.FUELLED_VEHICLE_LIST,
            list: getList(),
            isSearchActive: false,
        },
    },
};