/// <reference types="react" />
import type { PopoverProps } from './Popover';
declare const _default: {
    component: import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("@radix-ui/react-popover").PopoverProps & {
        content: import("react").ReactNode;
        side?: "top" | "bottom" | "left" | "right" | undefined;
        sideOffset?: number | undefined;
        align?: "center" | "end" | "start" | undefined;
        alignOffset?: number | undefined;
        showCloseButton?: boolean | undefined;
        className?: string | undefined;
        arrowProps?: import("@radix-ui/react-popover").PopoverArrowProps | undefined;
        arrowClassName?: string | undefined;
        closeButtonClassName?: string | undefined;
        contentProps?: Omit<import("@radix-ui/react-popover").PopoverContentProps, "sideOffset" | "alignOffset"> | undefined;
    } & import("react").RefAttributes<any>>;
    title: string;
    parameters: {
        layout: string;
    };
};
export default _default;
export declare const Usage: {
    (args: PopoverProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const CustomOffset: {
    (args: PopoverProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const Controlled: {
    (args: PopoverProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};