Hint

1import { Hint, HintTrigger, HintContent, HintArrow } from "@/components/ui/hint";
2
3<Hint />

1"use client";
2
3import { ark, Presence, type PresenceProps } from "@ark-ui/react";
4import React from "react";
5import { tv } from "tailwind-variants";
6import { cn } from "@/lib/utils";
7
8interface HintContextValue {
9  /**
10   * The id of the hint.
11   *
12   * @default "React.useId()"
13   */
14  id: string;
15  /**
16   * Whether the hint is visible.
17   */
18  isVisible: boolean;
19  /**
20   * The positioning of the hint.
21   */
22  positioning: {
23    /**
24     * The gutter from the trigger in pixels.
25     *
26     * @default '10px'
27     */
28    gutter?: string;