import * as RPopover from '@radix-ui/react-popover';
import type { ReactNode } from 'react';
export type PopoverProps = RPopover.PopoverProps & {
    content: ReactNode;
    side?: RPopover.PopperContentProps['side'];
    sideOffset?: RPopover.PopoverContentProps['sideOffset'];
    align?: RPopover.PopperContentProps['align'];
    alignOffset?: RPopover.PopoverContentProps['sideOffset'];
    showCloseButton?: boolean;
    className?: string;
    arrowProps?: RPopover.PopoverArrowProps;
    arrowClassName?: string;
    closeButtonClassName?: string;
    contentProps?: Omit<RPopover.PopoverContentProps, 'sideOffset' | 'alignOffset'>;
};
export declare const Popover: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & RPopover.PopoverProps & {
    content: ReactNode;
    side?: RPopover.PopperContentProps['side'];
    sideOffset?: RPopover.PopoverContentProps['sideOffset'];
    align?: RPopover.PopperContentProps['align'];
    alignOffset?: RPopover.PopoverContentProps['sideOffset'];
    showCloseButton?: boolean | undefined;
    className?: string | undefined;
    arrowProps?: RPopover.PopoverArrowProps | undefined;
    arrowClassName?: string | undefined;
    closeButtonClassName?: string | undefined;
    contentProps?: Omit<RPopover.PopoverContentProps, "sideOffset" | "alignOffset"> | undefined;
} & import("react").RefAttributes<any>>;