import { FC, InputHTMLAttributes } from 'react'; import { AvocadoThemeProps, Shape } from '../../utils/types'; declare const Input: FC; export declare type Variant = 'fill' | 'outline' | 'unstyled'; export declare type BorderRadius = 'curve' | 'square' | 'round'; declare type InputSize = 'sm' | 'md' | 'lg'; interface InputProps extends InputHTMLAttributes, AvocadoThemeProps { /** * set variant of input. Can be "filled", "unstyled", "outline" */ variant?: Variant; /** * set width of input. Input fills the entire block when set to `true` */ fullWidth?: boolean; /** * input is marked as required when set to `true` */ required?: boolean; /** * renders a react node to the right of the input element */ suffixIcon?: JSX.Element; /** * renders a react node to the left of the input element */ prefixIcon?: JSX.Element; /** * setting to `true` makes the input inactive */ disabled?: boolean; /** * set the size of the input. Can be "sm", "md", "lg" */ inputSize?: InputSize; borderRadius?: Shape; /** * labelText - text to show at the top of Input */ labelText?: string; } export { Input };