import { ReactNode } from 'react';
import { FieldValues, Control, RegisterOptions, FieldPath } from 'react-hook-form';
export interface BaseFieldProps<T extends FieldValues = FieldValues> {
    name: FieldPath<T>;
    control?: Control<T>;
    label?: string;
    placeholder?: string;
    helpText?: string;
    disabled?: boolean;
    required?: boolean;
    className?: string;
    validation?: RegisterOptions<T>;
}
export interface FormFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
    children?: ReactNode;
}
export interface Option {
    value: string | number;
    label: string;
    disabled?: boolean;
}
export interface SelectFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
    options: Option[];
    multiple?: boolean;
    searchable?: boolean;
}
export interface CheckboxFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
    options?: Option[];
}
export interface RadioFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
    options: Option[];
    inline?: boolean;
}
export interface TextAreaFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
    rows?: number;
    cols?: number;
    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
}