import { ComponentPropsWithoutRef } from 'react';
import { FlexProps } from '../Flex';
import { DataTrackingId } from '../../types';
type ItemType = {
    label: string;
    [key: string]: unknown;
};
/**
 * Props for the ListboxOption component
 * @extends ComponentPropsWithoutRef<"li">
 */
export type ListboxOptionProps = ComponentPropsWithoutRef<"li"> & {
    /** The value of the option */
    value?: string;
    /** Whether the option is disabled */
    disabled?: boolean;
    /** Flex alignment for items */
    alignItems?: FlexProps["alignItems"];
    /** Flex justification for items */
    justifyItems?: FlexProps["justifyItems"];
    /** Flex alignment for content */
    alignContent?: FlexProps["alignContent"];
    /** Flex justification for content */
    justifyContent?: FlexProps["justifyContent"];
    /** Flex place-items property */
    placeItems?: FlexProps["placeItems"];
    /** Flex place-content property */
    placeContent?: FlexProps["placeContent"];
} & ({
    /** The item object when using items prop */
    item: ItemType;
    /** The display label for the option (optional if item is provided) */
    label?: string;
} | {
    /** The display label for the option */
    label: string;
    /** No item object when using label directly */
    item?: never;
}) & DataTrackingId;
/**
 * ListboxOption component for individual selectable items within a listbox.
 *
 * Features:
 * - Displays selectable options with proper ARIA attributes
 * - Supports disabled state for non-selectable options
 * - Keyboard navigation support
 * - Accessible with screen reader support
 *
 * @example
 * <ListboxOption value="option1" label="Option 1" />
 */
export declare const ListboxOption: import('react').ForwardRefExoticComponent<ListboxOptionProps & import('react').RefAttributes<HTMLLIElement>>;
export {};