import { default as React } from 'react'; import * as TooltipPrimitive from '@radix-ui/react-tooltip'; export type ContentProps = React.ComponentPropsWithoutRef & { hideArrow?: boolean; /** * A more descriptive label for accessibility purpose */ 'aria-label'?: string; /** * Event handler called when the escape key is down. * Can be prevented. */ onEscapeKeyDown?: TooltipPrimitive.TooltipContentProps['onEscapeKeyDown']; /** * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`. * Can be prevented. */ onPointerDownOutside?: TooltipPrimitive.TooltipContentProps['onPointerDownOutside']; /** The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled. */ side?: TooltipPrimitive.TooltipContentProps['side']; /** The distance in pixels from the trigger. */ sideOffset?: TooltipPrimitive.TooltipContentProps['sideOffset']; /** The preferred alignment against the trigger. May change when collisions occur. */ align?: TooltipPrimitive.TooltipContentProps['align']; /** An offset in pixels from the `"start"` or `"end"` alignment options. */ alignOffset?: TooltipPrimitive.TooltipContentProps['alignOffset']; /** The padding between the arrow and the edges of the content. If your content has border-radius, this will prevent it from overflowing the corners. */ arrowPadding?: TooltipPrimitive.TooltipContentProps['arrowPadding']; /** When `true`, overrides the side andalign preferences to prevent collisions with boundary edges. */ avoidCollisions?: TooltipPrimitive.TooltipContentProps['avoidCollisions']; /** The element used as the collision boundary. By default this is the viewport, though you can provide additional element(s) to be included in this check. */ collisionBoundary?: TooltipPrimitive.TooltipContentProps['collisionBoundary']; /** The distance in pixels from the boundary edges where collision detection should occur. Accepts a number (same for all sides), or a partial padding object, for example: `{ top: 20, left: 20 }`. */ collisionPadding?: TooltipPrimitive.TooltipContentProps['collisionPadding']; /** The sticky behavior on the align axis. `"partial"` will keep the content in the boundary as long as the trigger is at least partially in the boundary whilst `"always"` will keep the content in the boundary regardless. */ sticky?: TooltipPrimitive.TooltipContentProps['sticky']; /** Whether to hide the content when the trigger becomes fully occluded. */ hideWhenDetached?: TooltipPrimitive.TooltipContentProps['hideWhenDetached']; updatePositionStrategy?: TooltipPrimitive.TooltipContentProps['updatePositionStrategy']; }; /** The component that pops out when the tooltip is open. */ export declare const Content: React.ForwardRefExoticComponent, "ref"> & { hideArrow?: boolean; /** * A more descriptive label for accessibility purpose */ 'aria-label'?: string; /** * Event handler called when the escape key is down. * Can be prevented. */ onEscapeKeyDown?: TooltipPrimitive.TooltipContentProps["onEscapeKeyDown"]; /** * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`. * Can be prevented. */ onPointerDownOutside?: TooltipPrimitive.TooltipContentProps["onPointerDownOutside"]; /** The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled. */ side?: TooltipPrimitive.TooltipContentProps["side"]; /** The distance in pixels from the trigger. */ sideOffset?: TooltipPrimitive.TooltipContentProps["sideOffset"]; /** The preferred alignment against the trigger. May change when collisions occur. */ align?: TooltipPrimitive.TooltipContentProps["align"]; /** An offset in pixels from the `"start"` or `"end"` alignment options. */ alignOffset?: TooltipPrimitive.TooltipContentProps["alignOffset"]; /** The padding between the arrow and the edges of the content. If your content has border-radius, this will prevent it from overflowing the corners. */ arrowPadding?: TooltipPrimitive.TooltipContentProps["arrowPadding"]; /** When `true`, overrides the side andalign preferences to prevent collisions with boundary edges. */ avoidCollisions?: TooltipPrimitive.TooltipContentProps["avoidCollisions"]; /** The element used as the collision boundary. By default this is the viewport, though you can provide additional element(s) to be included in this check. */ collisionBoundary?: TooltipPrimitive.TooltipContentProps["collisionBoundary"]; /** The distance in pixels from the boundary edges where collision detection should occur. Accepts a number (same for all sides), or a partial padding object, for example: `{ top: 20, left: 20 }`. */ collisionPadding?: TooltipPrimitive.TooltipContentProps["collisionPadding"]; /** The sticky behavior on the align axis. `"partial"` will keep the content in the boundary as long as the trigger is at least partially in the boundary whilst `"always"` will keep the content in the boundary regardless. */ sticky?: TooltipPrimitive.TooltipContentProps["sticky"]; /** Whether to hide the content when the trigger becomes fully occluded. */ hideWhenDetached?: TooltipPrimitive.TooltipContentProps["hideWhenDetached"]; updatePositionStrategy?: TooltipPrimitive.TooltipContentProps["updatePositionStrategy"]; } & React.RefAttributes>;