/// interface Props { /** * Aria label for error messages if applicable */ ariaDescribedby?: string | undefined; /** * If the input should allow autofilling from the browser. This is not always handled properly in Chrome, so we suggest to use a string like 'nope'. */ autocomplete?: string; /** * The function to run when the input loses focus/blurred. */ blurCallback?: (x: string, y: object) => void; /** * A function that will run after the input has changed, it will return the value of the input for you to use in the parent component. */ callback: (x: string, y: object) => void; /** * Should the input be disabled or not. Use with a state var to determine when the input can be edited. */ disabled?: boolean; /** * Pass a display method such as inline-block, inline, or bock. */ display?: string; /** * An error message to be shown docked at the bottom of the input. If null, nothing will show. */ error?: string; /** * An id to be added to the input itself, not the wrapping label. */ id?: string; /** * Classes to be added to the input itself. */ inputTheme?: string; /** * Callback when a key is released */ keyUpCallback?: (x: object) => void; /** * The allowed max length of characters into the input. */ maxLength?: number; /** * The allowed min lenght of characters into the input. */ minLength?: number; /** * If true, will show an (optional) tag next to the title. If false or not supplied, nothing will show. */ optional?: boolean; /** * Regex to match on the input. */ pattern?: string; /** * Placeholder value to show on the input before any value is entered. */ placeHolder?: string; /** * The default value to be populated into the input on load. */ populatedValue?: string; /** * If true, will show a required *'s. If false or not supplied, nothing will show. */ required?: boolean; /** * Size of the input, will effect length as how many chars will show */ size?: number; /** * Classes to be added to the wrapping label. */ theme?: string; /** * The label text title of the input. */ title: string; /** * */ type?: string; name?: string; showPasswordLink?: boolean; autocorrect?: string; } declare const Input: ({ ariaDescribedby, autocomplete, autocorrect, blurCallback, callback, disabled, display, error, id, inputTheme, keyUpCallback, maxLength, minLength, optional, pattern, placeHolder, populatedValue, required, size, theme, title, type, name, showPasswordLink, }: Props) => JSX.Element; export default Input;