import { type CSSProperties, type ReactNode } from 'react';
import { type UseFormFieldReturn } from '../../../hooks/useFormField';
type FormFieldProps = {
    children: ReactNode;
    className?: string;
    style?: CSSProperties;
    id?: string;
    hasError?: boolean;
    hasHint?: boolean;
};
type FormFieldLabelProps = {
    children: ReactNode;
    className?: string;
};
type FormFieldControlProps = {
    children: (props: UseFormFieldReturn['fieldProps']) => ReactNode;
};
type FormFieldErrorProps = {
    children: ReactNode;
    className?: string;
};
type FormFieldHintProps = {
    children: ReactNode;
    className?: string;
};
declare const FormField: (({ children, className, style, id, hasError, hasHint, }: FormFieldProps) => import("react/jsx-runtime").JSX.Element) & {
    Label: ({ children, className }: FormFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
    Control: ({ children }: FormFieldControlProps) => import("react/jsx-runtime").JSX.Element;
    Error: ({ children, className }: FormFieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;
    Hint: ({ children, className }: FormFieldHintProps) => import("react/jsx-runtime").JSX.Element | null;
};
export { FormField };
export type { FormFieldProps };