import type { Meta, StoryObj } from '@storybook/angular';
import { FormBuilder } from '@angular/forms';

import { configProps, stateProps } from './mock';

import { PegaDxilMyIntegerComponent } from './pega-dxil-my-integer.component';

const meta: Meta<PegaDxilMyIntegerComponent> = {
  title: 'PegaDxilMyInteger',
  component: PegaDxilMyIntegerComponent,
  excludeStories: /.*Data$/,
  render: (args) => ({
    props: {
      ...args,
      pConn$: {
        resolveConfigProps: props => props,
        getConfigProps: () => {
          return configProps;
        },
        getStateProps: () => {
          return stateProps;
        },
        getActionsApi: () => {
          return {
            updateFieldValue: (propName, value) => {
              configProps.value = value;
            },
            triggerFieldChange: (propName, value) => {
              configProps.value = value;
            }
          };
        },
        clearErrorMessages: ({}) => {}
      } as any,
      formGroup$: new FormBuilder().group({})
    }
  })
};

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

export const PegaDxilMyInteger: Story = {
  args: {
    label$: configProps.label,
    helperText: configProps.helperText,
    testId: configProps.testId,
    bReadonly$: configProps.readOnly,
    bRequired$: configProps.required,
    displayMode$: configProps.displayMode
  }
};