@kloudlite/design-system/atoms/tooltip.d.ts

A design system for building ambitious products.

import { ReactNode } from 'react';
interface ITooltipProvider {
    children: ReactNode;
    delayDuration?: number;
}
export declare const Provider: ({ delayDuration, children }: ITooltipProvider) => import("react/jsx-runtime").JSX.Element;
interface ITooltip {
    children: ReactNode;
    content: ReactNode;
    open?: boolean;
    offset?: number;
    side?: 'right' | 'top' | 'bottom' | 'left';
    align?: 'center' | 'start' | 'end';
    className?: string;
}
export declare const Root: ({ children, content, open, offset, side, align, className, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
declare const Tooltip: {
    Root: ({ children, content, open, offset, side, align, className, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
    Provider: ({ delayDuration, children }: ITooltipProvider) => import("react/jsx-runtime").JSX.Element;
};
export default Tooltip;