import React, { useContext, memo, useImperativeHandle } from 'react';
// import { useForm } from '@qx/form-render';
// import QxFormRender from '@/packages/qx-form-generator/src/form-render';
// import { conditionSetting } from '../../setting-configs';
import styles from './index.less';
import type { IConfigComponent } from '@qx/flow';

const StartConfigComponent = React.forwardRef<any, StartConfigComponentProps>(
  (props, ref) => {
    // const form = useForm();

    const handleValuesChange = (values: any) => {
      props?.onChange(values);
    };

    useImperativeHandle(ref, () => ({
      // validateFields: form.validateFields,
    }));

    return (
      <div className={styles['qx-flow-single-records-config']}>
        {/* <QxFormRender
          form={form}
          schema={conditionSetting}
          widgets={{}}
          watch={{}}
          onValuesChange={handleValuesChange}
        /> */}
      </div>
    );
  },
);

interface StartConfigComponentProps extends IConfigComponent {
  onChange: (values: any) => void;
}

export default memo(StartConfigComponent);