import * as React from 'react';
import { Text } from 'react-native';
import type { ComboboxItem } from '../store/ComboboxStore';
import type { ZestUIComponentProps } from '../../types';
/**
 * Displays the current input text (the selected label in a single-selection
 * combobox).
 * Renders a `<Text>`. Reads `state.value` in a style/render function for custom
 * formatting.
 *
 * Pass a **function** as `children` to render the selection yourself — it
 * receives the selected items and this part then renders no element of its own,
 * so chips are not trapped inside a `<Text>`:
 *
 * ```tsx
 * <Combobox.Value>
 *   {(items) => items.map((item) => <Combobox.Chip key={String(item.value)}>…</Combobox.Chip>)}
 * </Combobox.Value>
 * ```
 *
 * `style`, `className` and `render` do nothing in that form.
 */
export declare function ComboboxValue(componentProps: ComboboxValue.Props): React.JSX.Element | null;
export interface ComboboxValueState {
    /**
     * The current input text.
     */
    value: string;
    /**
     * The selected value(s), resolved to items. Empty when nothing is selected,
     * and at most one entry unless the combobox is `multiple`.
     */
    items: ComboboxItem[];
    /**
     * Whether the placeholder is what is being shown, because there is no text.
     */
    placeholder: boolean;
}
export interface ComboboxValueProps extends Omit<ZestUIComponentProps<typeof Text, ComboboxValueState>, 'children'> {
    /**
     * The content to render. A function receives the selected items and replaces
     * this part's own element entirely.
     */
    children?: React.ReactNode | ((items: ComboboxItem[]) => React.ReactNode);
    /**
     * Shown while the input is empty. `children` takes precedence, and a function
     * `children` replaces this part entirely.
     */
    placeholder?: React.ReactNode;
}
export declare namespace ComboboxValue {
    type State = ComboboxValueState;
    type Props = ComboboxValueProps;
}
//# sourceMappingURL=ComboboxValue.d.ts.map