import React from "react";
import type { ChangeEventHandler, FunctionComponent, InputHTMLAttributes, ReactElement, ReactNode } from "react";
import { type TypographyProps } from "../typography";
export interface PartialBaseInputProps<V> {
    error?: boolean;
    errorText?: string;
    variant?: "xs" | "sm" | "base" | "xl" | "2xl";
    placeholder?: string;
    loading?: boolean;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    value?: V | null;
    border?: boolean;
}
export type BaseInputProps<V> = PartialBaseInputProps<V> & BaseInputWrapperProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof PartialBaseInputProps<V> | keyof BaseInputWrapperProps | "ref">;
export declare const inputIconStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
export declare const inputStyles: (props?: ({
    variant?: "base" | "xs" | "sm" | "xl" | "2xl" | null | undefined;
    border?: boolean | null | undefined;
    error?: boolean | null | undefined;
    hasLeftIcon?: boolean | null | undefined;
    loading?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const infoIconStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
export interface BaseInputWrapperProps {
    id: string;
    label?: string;
    variant?: "xs" | "sm" | "base" | "xl" | "2xl";
    error?: boolean;
    border?: boolean;
    errorText?: string;
    info?: ReactNode;
    icon?: FunctionComponent<React.SVGProps<SVGSVGElement>>;
    iconPlacement?: "left" | "right";
    action?: ReactNode;
    actionPlacement?: "left" | "right";
    className?: {
        root?: string;
        label?: string;
        labelText?: TypographyProps["className"];
        infoIcon?: string;
        infoPopover?: string;
        errorTextContainer?: string;
        errorTextIcon?: string;
        errorText?: TypographyProps["className"];
        inputIcon?: string;
        inputIconWrapper?: string;
        inputActionWrapper?: string;
        inputWrapper?: string;
        input?: string;
    };
    children?: ReactNode;
}
export declare const BaseInputWrapper: ({ id, label, error, errorText, info, icon: Icon, iconPlacement, action: Action, actionPlacement, className, children, }: BaseInputWrapperProps) => ReactElement;
//# sourceMappingURL=input.d.ts.map