import { JSX } from 'react/jsx-runtime';
import { ThemeTokenValue } from '@faulty/tokens';
import * as React from "react";
export declare const STATUS_VARIANTS: {
    default: string;
    success: string;
    warning: string;
    danger: string;
    info: string;
    blank: string;
    inherit: string;
};
export type InputStatus = keyof typeof STATUS_VARIANTS;
export declare const SIZE_VARIANTS: {
    small: string;
    medium: string;
    large: string;
    xlarge: string;
};
export type InputSize = keyof typeof SIZE_VARIANTS;
export declare function getInputClassNames(color: keyof typeof STATUS_VARIANTS, size?: keyof typeof SIZE_VARIANTS): string[];
interface UseInputStylePropsOptions {
    status?: InputStatus;
    size?: InputSize;
    inputClassName?: string;
}
export declare function useInputStyleClasses(options: UseInputStylePropsOptions): {
    /** Classes to fully style an input. */
    input: string;
    /** Only contextual classes to provide input styling within the container. */
    inputContainer: string;
    /** Base input classes to match the colors and typography of all other inputs. */
    inputBase: string;
    /** Classes to render the border of an input. */
    inputBorder: string;
    /** Classes to render the spacing around the input content. */
    inputPadding: string;
    /** Classes to reset default styles as needed for all of the other classes. */
    inputReset: string;
};
type InputColorToken = "color" | "foreground";
export declare function useInputColorToken(status: InputStatus, token: InputColorToken): "transparent" | ThemeTokenValue;
export interface InputAttachmentProps {
    prefix?: React.ReactNode;
    suffix?: React.ReactNode;
}
export interface InputWithAttachmentsProps extends InputAttachmentProps {
    children: React.ReactElement;
}
export declare function InputWithAttachments(props: InputWithAttachmentsProps): JSX.Element;
export {};
//# sourceMappingURL=Input.d.ts.map