import React from 'react';
import { TooltipVariantProps } from './tooltip.styles';
import { Placement, Strategy } from '@floating-ui/react-dom';
export interface TooltipContentProps extends TooltipVariantProps, React.HTMLAttributes<HTMLDivElement> {
    disableInteractive?: boolean;
    /** distance between combobox and listbox
     * @default 5
     */
    offset?: number;
    /** padding used to prevent arrow to touch content edges. its usefull when content has rounded corners.
     * @default 10
     */
    arrowPadding?: number;
    /** @default bottom */
    placement?: Placement;
    /** @default absolute */
    strategy?: Strategy;
}
declare const useTooltipStyles: (consumerName: string) => {
    content: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {
    content: (slotProps?: ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {};
export { useTooltipStyles };
export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=tooltip-content.d.ts.map