import { type ReactNode } from "react";
import { FieldProps, RequiredProps, ZodField } from "@form-atoms/field";
import { type Prettify } from "../utils";
import { FlowbiteStateColor } from "../../hooks";
type ChildrenProps = Prettify<RequiredProps & {
    id: string;
    color?: FlowbiteStateColor;
}>;
export type WithHelperText = {
    helperText?: ReactNode;
};
export type FlowbiteFieldProps<Field extends ZodField> = Prettify<FieldProps<Field> & WithHelperText>;
type Props<Field extends ZodField> = Prettify<FlowbiteFieldProps<Field> & {
    children: (props: ChildrenProps) => ReactNode;
}>;
export declare const FlowbiteField: <Field extends ZodField>({ field, required, label, children, helperText, }: Props<Field>) => JSX.Element;
export {};