import React, { ChangeEvent } from 'react';
import './Input.scss';
export interface InputProps {
    /**
     * Name | Name of the input field
     */
    name: string;
    /**
     * Label | field label to be displayed
     */
    label: string;
    /**
     * value | input field value
     */
    value: string | number;
    /**
     * varients to set color/style of the input field
     */
    variant?: 'default' | 'primary' | 'info' | 'danger' | 'success' | 'warning';
    /**
     * type to set color/style of the input field
     */
    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
    /**
     * size | size of the input label text
     */
    size?: 'x-small' | 'small' | 'medium' | 'large';
    /**
     * error | If true, error message will be displayed
     */
    error?: boolean;
    /**
     * helperText | error, success, warning message to be shown
     */
    helperText?: string;
    /**
     * if true, error message icon will be displayed else it will be hidden
     */
    showMessageIcon?: boolean;
    /**
     * to disable the input field
     */
    disabled?: boolean;
    /**
     * if true, input field will be mandatory
     */
    required?: boolean;
    /**
     * placeholder for the input field
     */
    placeholder?: string;
    /**
     * classnames to style the input field
     */
    className?: string;
    /**
     * onchange action
     */
    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
    id?: string;
    style?: React.CSSProperties;
    /**
     * if on, suggestion popup will be displayed
     */
    autoComplete?: 'on' | 'off';
    /**
     *  minimum and maximum values for the number type input field and their functions
     */
    minValue?: number;
    maxValue?: number;
    setValue?: (newValue: string) => void;
    /**
     * background of the input field prop
     */
    isBackgroundTransparent?: boolean;
}
declare const Input: ({ type, variant, name, size, label, disabled, required, placeholder, value, helperText, error, showMessageIcon, className, onChange, autoComplete, minValue, maxValue, setValue, isBackgroundTransparent, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
export default Input;