import * as react from 'react';
import { ReactNode } from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

type ToggletipPlacement = "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "right";
interface ToggletipProps {
    /**
     * Trigger element.
     */
    children: ReactNode;
    /**
     * The title of the component.
     */
    title?: ReactNode;
    /**
     * The content of the tooltip.
     */
    content?: ReactNode;
    /**
     * Buttons displayed in the footer.
     */
    footer?: ReactNode;
    /**
     * Width for the component.
     * @default "288px"
     */
    width?: string;
    /**
     * Placement relative to control.
     * @default "top"
     */
    direction?: ToggletipPlacement;
    /**
     * Whether to change position automatically.
     */
    autoDirection?: boolean;
    /**
     * Distance from control.
     * @default 12
     */
    offset?: number;
    "data-testid"?: string;
    testID?: string;
}

declare const Toggletip: react.ForwardRefExoticComponent<ToggletipProps & ThemeOverrideProps & react.RefAttributes<any>>;

export { Toggletip, type ToggletipPlacement, type ToggletipProps };