import { PropsWithChildren, useState } from "react" import Caption from "@/components/TempDesignSystem/Text/Caption" import { tooltipVariants } from "./variants" import styles from "./tooltip.module.css" import { TooltipPosition, TooltipProps } from "@/types/components/tooltip" export function Tooltip

({ heading, text, position, arrow, children, }: PropsWithChildren>) { const className = tooltipVariants({ position, arrow }) const [isActive, setIsActive] = useState(false) function handleToggle() { setIsActive(!isActive) } return (

{heading && ( {heading} )} {text && {text}}
{children}
) }