import * as React from 'react';
import { View } from 'react-native';
import type { ComboboxItem } from '../store/ComboboxStore';
import type { ZestUIComponentProps } from '../../types';
/**
 * An individual chip standing for one selected value.
 * Renders a `<View>`.
 *
 * Its position among its siblings is what `Combobox.ChipRemove` removes, so
 * render chips in selection order — mapping over the items `Combobox.Value`
 * hands you does exactly that.
 *
 * Upstream's arrow-key navigation between chips is not ported: there is no Tab
 * key on mobile, so there is no roving focus to move.
 */
export declare function ComboboxChip(componentProps: ComboboxChip.Props): React.JSX.Element;
export interface ComboboxChipState {
    /**
     * The chip's index in the selection, in visual order.
     */
    index: number;
    /**
     * The selected item this chip stands for, if the selection reaches that far.
     */
    item: ComboboxItem | undefined;
}
export interface ComboboxChipProps extends ZestUIComponentProps<typeof View, ComboboxChipState> {
}
export declare namespace ComboboxChip {
    type State = ComboboxChipState;
    type Props = ComboboxChipProps;
}
//# sourceMappingURL=ComboboxChip.d.ts.map