import { DeepPartial } from "../index";
import type { OnOffStyles, ThemeColors, Sizes } from "../Flowbite/FlowbiteTheme";
import { Component, ComponentProps, JSX } from "solid-js";
export interface TextInputTheme {
    base: string;
    addon: string;
    field: {
        base: string;
        icon: {
            base: string;
            svg: string;
        };
        rightIcon: {
            base: string;
            svg: string;
        };
        input: {
            base: string;
            sizes: TextInputSizes;
            colors: TextInputColors;
            withIcon: OnOffStyles;
            withRightIcon: OnOffStyles;
            withAddon: OnOffStyles;
            withShadow: OnOffStyles;
        };
    };
}
export interface TextInputColors extends Pick<ThemeColors, "gray" | "info" | "failure" | "warning" | "success"> {
    [key: string]: string;
}
export interface TextInputSizes extends Pick<Sizes, "sm" | "md" | "lg"> {
    [key: string]: string;
}
export interface TextInputProps extends Omit<ComponentProps<"input">, "color"> {
    sizing?: keyof TextInputSizes;
    shadow?: boolean;
    helperText?: JSX.Element;
    addon?: JSX.Element;
    icon?: Component<ComponentProps<"svg">>;
    rightIcon?: Component<JSX.SvgSVGAttributes<SVGSVGElement>>;
    color?: keyof TextInputColors;
    theme?: DeepPartial<TextInputTheme>;
}
export declare const TextInput: {
    (p: TextInputProps): JSX.Element;
    displayName: string;
};