import { ReactNode } from 'react';
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
export type TooltipVariant = 'basic' | 'light' | 'dark' | 'media';
export interface TooltipProps {
    /**
     * Konten tooltip (teks atau ReactNode) - untuk basic variant
     * Judul tooltip untuk light/dark/media variant
     */
    title?: string | ReactNode;
    /**
     * Deskripsi tooltip (untuk light/dark/media variant)
     */
    description?: string | ReactNode;
    /**
     * Image/thumbnail untuk media variant
     */
    image?: string | ReactNode;
    /**
     * Custom content untuk light/dark/media variant
     */
    content?: ReactNode;
    /**
     * Elemen trigger
     */
    children: ReactNode;
    /**
     * Variant tooltip: basic, light, dark, media
     */
    variant?: TooltipVariant;
    /**
     * Posisi tooltip
     */
    placement?: TooltipPlacement;
    /**
     * Apakah menampilkan arrow
     */
    showArrow?: boolean;
    /**
     * Callback ketika close button diklik (untuk light/dark/media variant)
     */
    onClose?: () => void;
    /**
     * Callback ketika button "Lanjut" diklik (untuk light/dark/media variant)
     */
    onNext?: () => void;
    /**
     * Jika true, render content sebagai custom content sepenuhnya tanpa struktur card/bubble
     * Content akan diambil dari prop `content` (ReactNode)
     */
    customContent?: boolean;
    /**
     * ClassName tambahan
     */
    className?: string;
}
export default function Tooltip({ title, description, image, content, children, variant, placement, showArrow, onClose, onNext, customContent, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tooltip.d.ts.map