import React from "react";
import { Indicator } from "../FeedbackIndicator";
import "./textbox.scss";
export declare type TextboxProps = JSX.IntrinsicElements["input"] & {
    /** Element label */
    label?: string;
    /** Element instruction */
    instruction?: string;
    /** Element prefix slot */
    leftSlot?: React.ReactNode;
    /** Element prefix title */
    leftSlotTitle?: string;
    /** Callback when prefix button is clicked */
    onLeftClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /** Callback when suffix button is clicked */
    onRightClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /** Component associates with input ref */
    reference?: React.RefObject<HTMLInputElement>;
    /** Element suffix slot */
    rightSlot?: React.ReactNode;
    /** Element suffix title */
    rightSlotTitle?: string;
    /** Feedback indicator object */
    indicator?: Indicator;
    /** Wrapper props */
    wrapperProps?: JSX.IntrinsicElements["div"];
};
/** Textbox is a component that allows user to add or edit text with extra text or icon port */
export declare const Textbox: React.FC<TextboxProps>;