import React, { ComponentProps } from "react";
export declare const inputLayoutStyle: {
    display: string;
    alignItems: string;
    justifyContent: string;
    borderRadius: number;
    padding: number;
    lineHeight: number;
    minWidth: number;
};
export declare const inputCSSVarStyle: {
    backgroundColor: string;
    borderColor: string;
    boxShadow: string;
    color: string;
    '&:focus-within': {
        boxShadow: string;
        scale: number;
        borderColor: string;
    };
};
export declare const InputWrapper: import("@planda/styled-system/jsx").StyledComponent<"span", {}>;
export declare const InputField: import("@planda/styled-system/jsx").StyledComponent<"input", {
    size?: "small" | undefined;
    error?: boolean | undefined;
    valid?: boolean | undefined;
    design?: "solid" | "invisible" | "native" | undefined;
}>;
type InputProps = ComponentProps<typeof InputField> & {
    outerCSS?: Record<string, any>;
    error?: boolean;
    valid?: boolean;
    label?: string;
    labelSize?: number;
};
export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
export {};