import * as React from 'react';
import { View } from 'react-native';
import type { ComboboxItem } from '../store/ComboboxStore';
import type { ZestUIComponentProps } from '../../types';
/**
 * Groups related items with the corresponding label.
 * Renders a `<View>`.
 *
 * Pass the group's `items` so `Combobox.Collection` inside it renders those
 * rather than the whole filtered list:
 *
 * ```tsx
 * <Combobox.List>
 *   {(group) => (
 *     <Combobox.Group key={String(group.value)} items={group.items}>
 *       <Combobox.GroupLabel>{group.label}</Combobox.GroupLabel>
 *       <Combobox.Collection>
 *         {(item) => <Combobox.Item key={String(item.value)} item={item} />}
 *       </Combobox.Collection>
 *     </Combobox.Group>
 *   )}
 * </Combobox.List>
 * ```
 *
 * Groups only ever hold items that survived the query — a group whose items all
 * filtered out is dropped from the list entirely, so it never renders empty.
 */
export declare function ComboboxGroup(componentProps: ComboboxGroup.Props): React.JSX.Element;
export interface ComboboxGroupState {
}
export interface ComboboxGroupProps extends ZestUIComponentProps<typeof View, ComboboxGroupState> {
    /**
     * The items belonging to this group, as handed to you by `Combobox.List`.
     * `Combobox.Collection` inside the group renders these.
     */
    items?: ComboboxItem[] | undefined;
}
export declare namespace ComboboxGroup {
    type State = ComboboxGroupState;
    type Props = ComboboxGroupProps;
}
//# sourceMappingURL=ComboboxGroup.d.ts.map