import type { DefaultProps, Placement } from '../../types';
import type { MergeRight } from '../../utilities';
import { type PopoverProps } from '../popover/popover';
export type DropdownProps = MergeRight<DefaultProps & Omit<PopoverProps, 'variant'>, {
    /**
     * The placement of the dropdown
     * @default bottom-end
     */
    placement?: Placement;
}>;
/**
 * Dropdown component, used to display a list of options.
 *
 * @example with TriggerContext
 * <Dropdown.TriggerContext>
 *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
 *   <Dropdown placement='bottom-end'>
 *     <Dropdown.Heading>Dropdown</Dropdown.Heading>
 *     <Dropdown.List>
 *       <Dropdown.Item>
 *         <Dropdown.Button>Option</Dropdown.Button>
 *       </Dropdown.Item>
 *     </Dropdown.List>
 *   </Dropdown>
 * </Dropdown.TriggerContext>
 *
 * @example without TriggerContext
 * <Button popovertarget="my-dropdown">Trigger</Button>
 * <Dropdown id="my-dropdown">
 *   <Dropdown.Heading>Heading</Dropdown.Heading>
 *   <Dropdown.List>
 *     <Dropdown.Item>
 *       <Dropdown.Button>Item</Dropdown.Button>
 *     </Dropdown.Item>
 *   </Dropdown.List>
 * </Dropdown>
 */
export declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
    /**
     * The placement of the dropdown
     * @default bottom-end
     */
    placement?: Placement;
} & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=dropdown.d.ts.map