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

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

import { PegaDxilMyDecimalComponent } from './pega-dxil-my-decimal.component';

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

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

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