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

//json
import CaTable from '../../../assets/json/ca-table.json';

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

//Components
import { CaPayrollListSummaryOverviewTableComponent } from '../ca-payroll-list-summary-overview-table/ca-payroll-list-summary-overview-table.component';

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

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

export const PayrollListWithTable: Story = {
  args: {
    data: CaTable.CaTablePayrollList,
  },
};