import { FocusEvent, ReactNode, HTMLInputTypeAttribute, HTMLInputAutoCompleteAttribute } from "react";
import React from "react";
interface NvInputProps {
    /** Callback fired when the value is changed. */
    onChange?: (newValue: string) => void;
    /** Callback fired when the input is focused. */
    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
    /** Callback fired when the input is blurred. */
    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
    /** Fallback value in case if <code>value</code> is not provided. */
    defaultValue?: string;
    /** The value of the <code>input</code> element. */
    value?: string;
    /** The short hint displayed in the <code>input</code> before the user enters a value. */
    placeholder?: string;
    /** If true, the component is disabled. */
    disabled?: boolean;
    /** If <code>true</code>, the border of the <code>input</code> is red. */
    invalid?: boolean;
    /** The <code>type</code> attribute of the <code>input</code> element. */
    type?: HTMLInputTypeAttribute;
    /** The <code>autocomplete</code> attribute of the <code>input</code> element. */
    autocomplete?: HTMLInputAutoCompleteAttribute;
    /** The <code>autofocus</code> attribute of the <code>input</code> element. */
    autofocus?: boolean;
    /** The <code>name</code> attribute of the <code>input</code> element. */
    name?: string;
    /** The <code>required</code> attribute of the <code>input</code> element. */
    required?: boolean;
    /** The <code>readonly</code> attribute of the <code>input</code> element. */
    readonly?: boolean;
    /** If <code>true</code>, adds styled wrapper for the <code>input</code> element. */
    useContainer?: boolean;
    /** If <code>true</code>, makes the <code>input</code> element stretch. Usefully when <code>useContainer</code> is <code>false</code>. */
    flexible?: boolean;
    /** The <code>id</code> attribute of the <code>input</code> element. */
    uid?: string;
    /** The <code>tabIndex</code> attribute of the <code>input</code> element. */
    inputTabIndex?: number;
    /** The additional CSS class for the <code>input</code> element. */
    className?: string;
}
/**
 * NvInput component that provides a customizable input field with various options like onChange, onFocus, onBlur, etc.
 *
 * @param {function} onChange Function to handle input change event
 * @param {function} onFocus Function to handle input focus event
 * @param {function} onBlur Function to handle input blur event
 * @param {string} className Additional CSS class for styling
 * @param {string} defaultValue Default value for the input field
 * @param {string} value Current value of the input field
 * @param {string} placeholder Placeholder text for the input field
 * @param {boolean} disabled Indicates if the input field is disabled
 * @param {boolean} invalid Indicates if the input field is invalid
 * @param {string} type Type of the input field (e.g., text, number)
 * @param {string} autocomplete Autocomplete attribute for the input field
 * @param {boolean} autofocus Indicates if the input field should be autofocused
 * @param {string} name Name attribute for the input field
 * @param {boolean} required Indicates if the input field is required
 * @param {boolean} readonly Indicates if the input field is read-only
 * @param {boolean} useContainer Indicates whether to use a container for the input field
 * @param {boolean} flexible Indicates if the input field width should adjust dynamically
 * @param {string} uid Unique identifier for the input field
 * @param {number} inputTabIndex Tab index for the input field
 * @param {ReactNode} children Additional elements to be rendered within the input component
 * @returns A customizable input component with specified behavior and styling
 */
declare const NvInput: React.ForwardRefExoticComponent<NvInputProps & {
    children?: ReactNode | undefined;
} & React.RefAttributes<HTMLInputElement>>;
export default NvInput;