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

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

// components
import { CaLastFuelPriceProgressComponent } from './ca-last-fuel-price-progress.component';

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

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

export const ProgressBarValue: Story = {
    args: {
        lastFuelPriceData: {
            pricePerGallon: 5,
            lowestPricePerGallon: 1,
            highestPricePerGallon: 10,
            priceOutDated: false,
            defPrice: 13,
            defLowestPrice: 10,
            defHighestPrice: 20,
            defPriceOutDated: false,
            isMapView: false,
        },
    },
};

export const ProgressBarNoValue: Story = {
    args: {
        lastFuelPriceData: {
            pricePerGallon: 5,
            lowestPricePerGallon: 1,
            highestPricePerGallon: 10,
            priceOutDated: false,
            defPrice: Number(null),
            defLowestPrice: Number(null),
            defHighestPrice: Number(null),
            defPriceOutDated: false,
            isMapView: false,
        },
    },
};

export const ProgressBarOutdated: Story = {
    args: {
        lastFuelPriceData: {
            pricePerGallon: 5,
            lowestPricePerGallon: 1,
            highestPricePerGallon: 10,
            priceOutDated: true,
            defPrice: 13,
            defLowestPrice: 10,
            defHighestPrice: 20,
            defPriceOutDated: false,
            isMapView: false,
        },
    },
};