/* eslint-disable @typescript-eslint/no-explicit-any */
import { FieldFrontType } from '@/graphql/core/selectors.js';
import { ModelTypes } from '@/zeus/index.js';

export interface TailwindPlayCommonParams {
  prefix?: string;
  dataPrefix?: string;
  index?: number;
  f: FieldFrontType;
  modelData?: Record<string, any>;
  rootFields?: FieldFrontType[]; // Root fields for resolving action paths

  // OUR STATE MANAGEMENT
  state?: Record<string, any>;
  setState?: (state: Record<string, any>) => void;
  onSubmit?: (state: Record<string, any> | undefined, prefix: string) => Promise<void>;

  components?: Record<
    string,
    (props: {
      data?: any;
      attrs: ModelTypes['Visual'];
      f: FieldFrontType;
      component?: React.JSX.Element;
    }) => React.JSX.Element
  >;
  attributes?: Record<
    string,
    (props: { data?: any; attrs: ModelTypes['Visual'] }) => React.DetailedHTMLProps<React.HTMLAttributes<any>, any>
  >;
}