import type { ReactNode } from 'react';
import React from 'react';
type Position = 'top' | 'bottom';
interface Props {
    /**
     * Unique ID for the component
     */
    id?: string;
    /**
     * Allows to set position of Floater component relative to its nearest scrolling ancestor and containing block
     *
     * @param {Position} top Component sticks to the top of its nearest scrolling ancestor
     * @param {Position} bottom Component sticks to the bottom of its nearest scrolling ancestor
     *
     * @default top
     */
    position?: Position;
    /**
     * Allows to pass a custom offset
     *
     * @default '0'
     */
    offset?: string;
    /**
     * Allows to pass a custom z-index CSS property
     */
    zIndex?: string;
    /**
     * Content of the component
     */
    children?: ReactNode;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
}
declare const Floater: ({ position, offset, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Floater;