A light-colored tooltip that inverts the default dark style by applying the dark class to its content, so it reads clearly on light backgrounds.
import Tooltip07 from "@/components/ui/tooltip-07"; export default function Default() { return ( <div className="flex min-h-[320px] w-full items-center justify-center bg-background p-10"> <Tooltip07 /> </div> ); }