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

// modules
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { NgxMaskModule } from 'ngx-mask';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

// utils
import { CaSelectableColumnTableConstants } from './utils/constants/ca-selectable-column-table.constants';

// enums
import { CaSelectableColumnTableEnum } from './enums/ca-selectable-column-table.enum';

// components
import { CaSelectableColumnTableComponent } from './ca-selectable-column-table.component';

export default {
  title: 'Example/CaSelectableColumnTable',
  component: CaSelectableColumnTableComponent,
  argTypes: {
    columns: CaSelectableColumnTableConstants.COLUMN_TABLE_ARRAY,
    columnsToShow: { action: CaSelectableColumnTableEnum.COLUMNS_TO_SHOW },
  },
  decorators: [
    applicationConfig({
      providers: [importProvidersFrom(BrowserAnimationsModule)],
    }),
    moduleMetadata({
      imports: [
        // modules
        AngularSvgIconModule.forRoot(),
        NgxMaskModule.forRoot(),
        HttpClientModule,
      ],
      providers: [SvgIconRegistryService],
    }),
  ],
} as Meta;

type Story = StoryObj<CaSelectableColumnTableComponent>;

export const Default: Story = {
  args: {
    columns: CaSelectableColumnTableConstants.COLUMN_TABLE_ARRAY,
  },
};