import * as react from 'react';
import { ChangeEvent, CSSProperties } from 'react';

type InputSize = "sm" | "md" | "lg";
interface InputProps {
    value?: string;
    defaultValue?: string;
    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
    placeholder?: string;
    size?: InputSize;
    invalid?: boolean;
    disabled?: boolean;
    type?: "text" | "email" | "password" | "search" | "tel" | "url" | "number";
    className?: string;
    style?: CSSProperties;
    /** Optional left ornament -- typically an Icon. */
    leading?: React.ReactNode;
    /** Optional right ornament. */
    trailing?: React.ReactNode;
    autoFocus?: boolean;
    id?: string;
    name?: string;
    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
    "aria-label"?: string;
}
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;

export { Input, type InputProps, type InputSize };