import React, { ReactNode } from 'react';
import * as PopoverPrimitive from '@radix-ui/react-popover';
export declare const PopoverContainer: React.FC<PopoverPrimitive.PopoverProps>;
export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
export type PopoverProps = {
    children: ReactNode;
    side?: PopoverPrimitive.PopoverContentProps['side'];
    showArrow?: boolean;
    arrowHeight?: number;
    arrowWidth?: number;
    arrowColor?: string;
};
/**
 *
 * The first child is the trigger, the rest is the content
 */
export declare const Popover: ({ children, side, showArrow, arrowHeight, arrowWidth, arrowColor, }: PopoverProps) => JSX.Element;
export declare const PopoverTrigger: ({ children }: {
    children: ReactNode;
}) => JSX.Element;
export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverContentProps & {
    showArrow?: boolean | undefined;
    arrowWidth?: number | undefined;
    arrowHeight?: number | undefined;
    fillColor?: string | undefined;
} & React.RefAttributes<HTMLDivElement>>;
