import { InputHTMLAttributes, HTMLAttributes } from 'react';

export type Validator = {
  regex: {
    regex: string;
    message: string;
    inverse_match: boolean;
  };
  max_length: number;
  required: boolean;
  min_length: number;
  max_value: number;
  min_value: number;
};

export type FormField = {
  chosen: boolean;
  input_type: string;
  id: string;
  key: string;
  validators: Validator;
  label: string;
  order: number;
  class?: string;
  attributes?: object | null;
  labelClass?: string;
  wrapperClass?: string;
  placeholder?: string;
  choices?: string[];
  [key: string]: any;
};

export type Schema = FormField[];

export type FormType = {
  pk: number;
  schema: Schema;
  template: string;
  is_active: boolean;
  url: string;
  name: string;
  pretty_url: any;
  created_date: string;
  modified_date: string;
  formprettyurl_set: any[];
  translations: null | any;
};

export type FieldPropertiesType = {
  key?: string;
  className?: string | Record<string, boolean>;
  attributes?: InputHTMLAttributes<object> | HTMLAttributes<object>;
  labelClassName?: string;
  wrapperClassName?: string;
};

export type AllFieldClassesType = {
  className?: string | undefined;
  labelClassName?: string | undefined;
  wrapperClassName?: string | undefined;
};

export type FormPropertiesType = {
  actionUrl: string;
  className?: string;
};