import { ClassComponent, Nullable } from '../ts-helpers.d';

export type FieldValue =
  | Nullable<string>
  | Nullable<number>
  | string
  | string[]
  | number
  | number[]
  | boolean
  | undefined
  | null
  | object;

export interface InvisibleFieldProps {
  value?: FieldValue;
  fieldName?: string;
}

/**
 * **WangsVue - InvisibleField**
 *
 * _InvisibleField is a utility component that provides a hidden field for storing data that doesn't need to be visible in the UI but should be part of a form or data structure._
 *
 * @group Component
 */
declare class InvisibleField extends ClassComponent<
  InvisibleFieldProps,
  unknown,
  unknown
> {}

declare module 'vue' {
  export interface GlobalComponents {
    InvisibleField: typeof InvisibleField;
  }
}

export default InvisibleField;