import { default as React } from 'react';
import * as PopoverPrimitive from '@radix-ui/react-popover';
/**
* A popover component that displays floating content when a trigger element is activated.
* Based on Radix UI's Popover primitive for accessibility and composability.
*
* @example
* ```tsx
* // Basic popover with button trigger
*
*
*
*
*
*
*
*
Dimensions
*
Set the dimensions for the layer.
*
*
*
*
*
*
*
*
* ```
*
* @example
* ```tsx
* // With custom anchor element
*
*
*
*
*
*
*
*
* This popover is anchored to the circle element, not the button.
*
*
* ```
*/
declare const Popover: React.FC;
/**
* The trigger element for the popover.
* Usually used with the `asChild` prop to use a custom element as the trigger.
*
* @example
* ```tsx
*
*
*
* ```
*/
declare const PopoverTrigger: React.ForwardRefExoticComponent>;
/**
* Optional anchor element for the popover.
* When used, the popover will be positioned relative to this element instead of the trigger.
*
* @example
* ```tsx
*
*
*
* ```
*/
declare const PopoverAnchor: React.ForwardRefExoticComponent>;
/**
* The content of the popover.
* This is the component that contains all the content displayed when the popover is open.
*
* @param {"start" | "center" | "end"} align - The alignment of the popover relative to the trigger (default: 'center')
* @param {number} sideOffset - The distance in pixels between the popover and the trigger (default: 4)
* @param {"top" | "right" | "bottom" | "left"} side - The preferred side to render the popover (default: 'bottom')
* @param {string} className - Additional CSS classes
*
* @example
* ```tsx
*
* Popover Title
*
*
*
*
*
* ```
*
* @example
* ```tsx
* // With different alignment
*
* This popover is aligned to the end of the trigger.
*
* ```
*/
declare const PopoverContent: React.FC>;
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };