import { ReactNode } from 'react'

export interface IGroupItem {
  name: string;
  label: string | JSX.Element;

  // optional
  type?: string;
  className?: string;
  required?: boolean;
  component?: ReactNode | JSX.Element | HTMLElement;
  onValidate?: (value: any) => void;
  uniqueId?: string;

  // aditional props
  [key: string]: any;
}

export interface IFieldData {
  groupItems: IGroupItem[];

  // optional
  groupClassname?: string;
  groupLabel?: string | JSX.Element | HTMLElement;
  groupLabelClassName?: string;
  id?: number;
  uniqueId?: string;
}
export interface IBillingInfoData {
  fields: IFieldData[];

  // optional
  id?: number | string;
  label?: string | JSX.Element;
  labelClassName?: string;
  uniqueId?: string;
}