import { type UseFloatingOptions } from '@floating-ui/react';
import { type ReactNode } from 'react';
type TooltipProps = {
    message: string;
    children: ReactNode;
    placement?: UseFloatingOptions['placement'];
};
/**
 * Tooltip component for displaying a floating tooltip with customizable message and placement.
 *
 * @component
 * @example
 * // Example usage of Tooltip component
 * <Tooltip message="This is a tooltip" placement="top">
 *   <button>Hover me</button>
 * </Tooltip>
 *
 * @param {Object} props - The properties of the Tooltip component.
 * @param {string} props.message - The message to be displayed inside the tooltip.
 * @param {ReactNode} props.children - The content that triggers the tooltip on hover or focus.
 * @param {UseFloatingOptions['placement']} [props.placement] - The placement of the tooltip relative to the trigger element.
 *
 * @returns {ReactNode} The rendered Tooltip component.
 */
export declare function Tooltip({ message, children, placement, }: TooltipProps): ReactNode;
export {};
//# sourceMappingURL=Tooltip.d.ts.map