import { VariantProps } from 'class-variance-authority';
import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
import * as React from 'react';
declare const inputVariants: (props?: ({
    variant?: "dialog" | "default" | "login" | "lightGrayDisabled" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export type InputVariant = NonNullable<VariantProps<typeof inputVariants>['variant']>;
export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
    shouldTrim?: boolean;
    /** Custom content rendered on the right side of the input. */
    icon?: React.ReactNode;
    /** FontAwesome icon rendered on the left side of the input. Adds left padding automatically. */
    leftIcon?: IconDefinition;
    /** Called when the clear button is clicked. Shows an X button on the right when the input has a value. */
    onClear?: () => void;
};
declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<(props?: ({
    variant?: "dialog" | "default" | "login" | "lightGrayDisabled" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
    shouldTrim?: boolean;
    /** Custom content rendered on the right side of the input. */
    icon?: React.ReactNode;
    /** FontAwesome icon rendered on the left side of the input. Adds left padding automatically. */
    leftIcon?: IconDefinition;
    /** Called when the clear button is clicked. Shows an X button on the right when the input has a value. */
    onClear?: () => void;
} & React.RefAttributes<HTMLInputElement>>;
export { Input, inputVariants };
//# sourceMappingURL=Input.d.ts.map