import { ReactElement, ReactNode, SyntheticEvent } from 'react';

interface TooltipProps {
    children: ReactElement<any, any>;
    content: ReactNode;
    id?: string;
    isPanel?: boolean;
    onClose?: (event?: SyntheticEvent) => void;
    onOpen?: (event?: SyntheticEvent) => void;
    open?: boolean;
    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
    touchDelay?: number;
    touchEndDelay?: number;
}
interface TooltipClasses {
    anchorEl: string;
    content: string;
    open: string;
    panel: string;
    placementBottom: string;
    placementBottomEnd: string;
    placementBottomStart: string;
    placementLeft: string;
    placementLeftEnd: string;
    placementLeftStart: string;
    placementRight: string;
    placementRightEnd: string;
    placementRightStart: string;
    placementTop: string;
    placementTopEnd: string;
    placementTopStart: string;
    popper: string;
    root: string;
    tip: string;
}

export { TooltipProps as T, TooltipClasses as a };
