import type React from 'react';
/**
 * The trigger element is passed as `children` (default slot), NOT as a `trigger` prop.
 * Tooltip content is the `content` string prop.
 * Example: `<Tooltip content="Help text"><Button label="?" /></Tooltip>`.
 *
 * @csspart content
 */
export interface TooltipOwnProps {
    /**
     * Unique identifier for the element.
     * @example 'example-id'
     */
    id?: string;
    /**
     * Tooltip text shown on hover/focus. Also serves as the accessible name.
     * @example 'Example content'
     */
    content?: string;
    /**
     * Pre-rendered HTML for the trigger element.
     * @example 'example'
     */
    triggerHtml?: string;
    /**
     * Placement position relative to the trigger. Allowed values: `top`, `bottom`, `left`, `right`.
     * @example 'top'
     */
    position?: 'top' | 'bottom' | 'left' | 'right';
    /**
     * Whether to show an arrow pointing to the trigger.
     * @defaultValue false
     * @example true
     */
    arrow?: boolean;
    /**
     * Delay in milliseconds before the tooltip appears on hover.
     * @defaultValue 0
     * @example 300
     */
    openDelay?: number;
    /**
     * Delay in milliseconds before the tooltip hides after mouse leaves.
     * @defaultValue 300
     * @example 300
     */
    closeDelay?: number;
    /** Content for the `trigger` slot.
     * @example <span>Content</span>
     */
    trigger?: React.ReactNode;
    /** Alias for `trigger` prop. Wraps children in the trigger slot. */
    children?: React.ReactNode;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<Tooltip>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-tooltip>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type TooltipProps = TooltipOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof TooltipOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "dangerouslySetInnerHTML" | keyof TooltipOwnProps> & React.RefAttributes<HTMLElement>>;