import { ComponentPropsWithoutRef, ReactNode, CSSProperties } from 'react'; import { UseComboboxProps as UseDownshiftComboboxProps, UseSelectProps as UseDownshiftSelectProps, UseComboboxReturnValue as UseDownshiftComboboxReturnValue, UseSelectReturnValue as UseDownshiftSelectReturnValue } from 'downshift'; /** * Props for the options passed to the children render function */ export type ComboboxContentOptionsProps = { /** Props for the option including selection and disabled state */ optionProps: ReturnType["getItemProps"]> & { selected: boolean; disabled: boolean; }; /** The item to render */ item: Item; /** The index of the item in the list */ index: number; }; /** * Props for the ComboboxContent component */ export type ComboboxContentProps = Omit, "children"> & { /** Render function that receives combobox state and returns content */ children?: ({ items, inputValue, selectedItem, getMenuProps, getItemProps, }: Pick | UseDownshiftSelectProps, "items"> & Pick | UseDownshiftSelectReturnValue, "getMenuProps" | "getItemProps" | "inputValue" | "selectedItem"> & { listProps: ReturnType["getMenuProps"] | UseDownshiftSelectReturnValue["getMenuProps"]> & { style: CSSProperties; }; options: ComboboxContentOptionsProps[]; }) => ReactNode; /** Whether to disable popover behavior and render inline */ disablePopover?: boolean; }; /** * ComboboxContent component for rendering the content area of a combobox * * Features: * - Supports both popover and inline rendering modes * - Provides render props pattern for flexible content rendering * - Handles grouped items with proper ARIA labels * - Integrates with combobox state management * - Supports custom styling and layout * - Manages focus and blur events for popover behavior * * @template Item - The type of items in the combobox * @param props - The component props * @returns A rendered combobox content area * * @example * * {({ items }) => ( *
    * {items.map((item, index) => ( *
  • * {item.name} *
  • * ))} *
* )} *
*/ export declare const ComboboxContent: ({ children, className, disablePopover, ...rest }: ComboboxContentProps) => import("react/jsx-runtime").JSX.Element;