import { InputHTMLAttributes } from "react";
import { ColorProps, CursorProps, SpaceProps, TypographyProps, BackgroundProps, BorderProps, ShadowProps } from "./system";
export declare type StyledInputProps = {
    error?: boolean;
} & InputHTMLAttributes<HTMLInputElement> & ColorProps & CursorProps & SpaceProps & TypographyProps & BackgroundProps & BorderProps & ShadowProps;
export declare const StyledInput: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any> | undefined;
} & {
    error?: boolean | undefined;
} & InputHTMLAttributes<HTMLInputElement> & ColorProps & CursorProps & SpaceProps & TypographyProps & BackgroundProps & BorderProps & ShadowProps, import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
export declare type InputProps = {
    id?: string;
    type?: string;
    disabled?: boolean;
    placeholder?: string;
    required?: boolean;
    value?: string;
    onChange?: (v: string) => void;
    onBlur?: () => void;
    error?: boolean;
};
export declare const Input: ({ id, value, error, placeholder, type, onChange, onBlur, disabled, required, }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;