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

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

import { PegaDxilMyTextComponent } from './pega-dxil-my-text.component';

const meta: Meta<PegaDxilMyTextComponent> = {
  title: 'PegaDxilMyText',
  component: PegaDxilMyTextComponent,
  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<PegaDxilMyTextComponent>;

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