import { ClassValue } from "clsx";
import { HTMLAttributes, PropsWithChildren, ReactNode } from "react";
interface Props {
    /**
     * The popover content
     */
    popover: ReactNode;
    /**
     * The anchor position of the popover
     * (this is the side of the popover that is attached to the target)
     * @default "top"
     */
    anchor?: ("top" | "bottom" | "left" | "right") | `${"top" | "bottom"} ${"left" | "right"}`;
    /**
     * Custom classnames to apply to the popover
     */
    className?: ClassValue;
    /**
     * The current state of the popover
     */
    state: [boolean, (open: boolean) => void];
    /**
     * If true, the popover will be inset from the anchor
     * @default false
     */
    inset?: boolean;
}
export declare function Popover({ children, anchor, popover, inset, state: [state], ...props }: PropsWithChildren<Props> & HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
export {};