import Tippy from '@tippyjs/react';
import 'tippy.js/dist/tippy.css';

interface TooltipProps {
    content: React.ReactNode;
    children: React.ReactElement;
    placement?: 'top' | 'bottom' | 'left' | 'right';
    theme?: string; // optional
    trigger?: string;
    delay?: number;
}

const Tooltip = ({
    content,
    children,
    placement = 'top',
    theme,
    trigger = 'mouseenter',
    delay = 0,
}: TooltipProps) => {
    return (
        <Tippy
            content={content}
            placement={placement}
            theme={theme}
            trigger={trigger}
            delay={delay}
        >
            {children}
        </Tippy>
    );
};

export default Tooltip;