import * as React from "react";
export interface PrefixOption {
    label: string;
    value: string;
}
export interface PrefixInputRenderProps {
    value: string;
    onChange: (value: string) => void;
    placeholder?: string;
    disabled?: boolean;
}
export interface PrefixInputProps {
    /** Full combined value (prefix + input text). */
    value?: string;
    /** Called with the full combined value whenever prefix or input text changes. */
    onChange?: (fullValue: string) => void;
    /** Available prefix options for the dropdown. */
    prefixOptions: PrefixOption[];
    /** Prefix to use when the value doesn't match any option. Defaults to the first option. */
    defaultPrefix?: string;
    placeholder?: string;
    className?: string;
    disabled?: boolean;
    /**
     * Render prop to provide a custom input element (e.g. VariableTextarea).
     * If omitted, a plain <input> is rendered.
     */
    children?: (props: PrefixInputRenderProps) => React.ReactNode;
}
export declare const PrefixInput: React.ForwardRefExoticComponent<PrefixInputProps & React.RefAttributes<HTMLInputElement>>;