//Angular
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

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

// Third-party modules
import { AngularSvgIconModule } from 'angular-svg-icon';

// Application-specific components
import { CaPeriodContentComponent } from '../ca-period-content/ca-period-content.component';
//enum
import { PayrollTypeEnum } from './enums';
// components
import { CaPeriodContentPaymentComponent } from './components';

const meta: Meta<CaPeriodContentComponent> = {
    title: 'example/PeriodContentComponent',
    component: CaPeriodContentComponent,
    tags: ['autodocs'],
    decorators: [
        moduleMetadata({
            imports: [
                AngularSvgIconModule.forRoot(),
                BrowserAnimationsModule,
                HttpClientModule,
                CaPeriodContentPaymentComponent,
            ],
        }),
    ],
    argTypes: {},
};

export default meta;
type PeriodContentStory = StoryObj<CaPeriodContentComponent>;

export const PeriodContentMileageOpen: PeriodContentStory = {
    args: {
        isOpen: true,
        type: PayrollTypeEnum.MILEAGE,
        // componentData: caPeriodContent.caPeriodContent.PeriodContentMileageOpen,
    },
};

export const PeriodContentFlatRate: PeriodContentStory = {
    args: {
        isOpen: true,
        type: PayrollTypeEnum.FLAT_RATE,
        // componentData: caPeriodContent.caPeriodContent.PeriodContentMileageOpen,
    },
};

export const PeriodContentCommission: PeriodContentStory = {
    args: {
        isOpen: true,
        type: PayrollTypeEnum.COMMISSION,
        // componentData: caPeriodContent.caPeriodContent.PeriodContentMileageOpen,
    },
};

export const PeriodContentOwnerComission: PeriodContentStory = {
    args: {
        isOpen: true,
        type: PayrollTypeEnum.OWNER_COMMISSION,
        // componentData: caPeriodContent.caPeriodContent.PeriodContentMileageOpen,
    },
};