import { ObservableMaybe, type JSX } from 'woby';
/**
 * @param reactive On = commit on enter, off(default) = commit on key up
 *
 *
 *
 * To change Line color, patch the following class into effect
 *
 * top line: [&\~span]:before:bg-[#4caf50]
 *
 * bottom line: [&\~span]:after:bg-[#4caf50]
 *
 * left line: [&\~span_i]:before:bg-[#4caf50]
 *
 * right line: [&\~span_i]:after:bg-[#4caf50]
 *
 * Placeholder text: text-[color] text-*
 *
 * With content text: [&:not(:placeholder-shown)]:text-[red]
 *
 * box: border-[#ccc]
 *
 * Fill color: [&\~span]:bg-[#ededed]
 *
 * Fill color (focused) : [&:focus\~span]:bg-[#ededed]
 *
 * label text: [&\~label]:text-[red] [&:focus\~label]:text-[red] [&:not(:placeholder-shown)~label]:text-[red]
 */
type TextFieldProps = JSX.InputHTMLAttributes<HTMLInputElement> & {
    children?: JSX.Child;
    effect?: JSX.Class;
    assignOnEnter?: ObservableMaybe<boolean>;
};
export declare const TextField: (props: TextFieldProps) => JSX.Element;
export declare const StartAdornment: (props: JSX.HTMLAttributes<HTMLDivElement>) => HTMLDivElement;
export declare const EndAdornment: (props: JSX.HTMLAttributes<HTMLDivElement>) => HTMLDivElement;
export {};
//# sourceMappingURL=TextField.d.ts.map