import React from 'react';
import { Coords, Placement, Side } from '@floating-ui/react-dom';
export interface FloatingArrowProps {
    className?: string;
    /** size of default arrow in px
     * @default 5
     */
    size?: number;
    children?: (props: {
        style: React.CSSProperties;
        side: Side;
        isInCenter: boolean;
    } & React.RefAttributes<HTMLElement | SVGSVGElement>) => React.ReactNode;
}
interface FloatingArrowCtxProps extends Partial<Coords> {
    placement: Placement;
    centerOffset?: number;
    alignmentOffset?: number;
    setFloatingArrow: React.Dispatch<React.SetStateAction<HTMLElement | SVGSVGElement | null>>;
}
declare const FloatingArrowCtx: {
    (props: FloatingArrowCtxProps & {
        children?: React.ReactNode;
    }): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export { FloatingArrowCtx };
export declare const FloatingArrow: {
    (props: FloatingArrowProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
//# sourceMappingURL=floating-arrow.d.ts.map