import * as React from "react";
import { ThemeResult } from "../Theme/Theme";
export declare const baseStyles: ({ error, theme, icon, iconSpace, focusedStyle, disabledStyle, componentStyle, }: FieldProps) => any;
export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any> | undefined;
}, React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
export declare const StyledText: import("@emotion/styled").StyledComponent<import("../Theme/withTheme").Omit<import("../Text/Text").TextProps, "theme"> & {
    theme?: import("@emotion/react").Theme | undefined;
} & {
    theme: ThemeResult;
    error?: any;
}, {}, {}>;
export interface FieldProps {
    component?: any;
    autoFocus?: boolean;
    autoComplete?: "on" | "off" | "false" | "true" | "nope" | "new-password" | "current-password" | "username";
    style?: React.CSSProperties;
    componentStyle?: React.CSSProperties;
    focusedStyle?: React.CSSProperties;
    disabledStyle?: React.CSSProperties;
    labelStyle?: React.CSSProperties;
    containerStyle?: React.CSSProperties;
    label?: any;
    error?: boolean;
    helpText?: string;
    theme: ThemeResult;
    children?: any;
    placeholder?: string;
    value?: any;
    ref?: any;
    type?: "default" | "password" | "tel" | "email" | "number" | "date" | "datetime-local" | "time" | "url";
    Component?: any;
    disabled?: boolean;
    id?: string;
    name?: string;
    className?: string;
    required?: boolean;
    icon?: JSX.Element;
    iconSpace?: string;
    min?: number;
    max?: number;
    step?: number;
    isMarkdown?: boolean;
    isSignup?: boolean;
    showEyeball?: boolean;
    avoidInternalState?: boolean | null;
    maxLength?: string | number;
    minLength?: string | number;
    isRequired?: boolean;
    isReadOnly?: boolean;
    onClick?(arg: any): any;
    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    onChange?(arg: any, arg2?: any): any;
    onBlur?(arg: any, arg2?: any): any;
    toggleable?: boolean;
    isToggled?: boolean;
    onToggleChange?(toggled: boolean): void;
}
export {};
declare const _default: React.FunctionComponent<import("../Theme/withTheme").Omit<FieldProps, "theme">>;
export default _default;