"use client";

import type { ComponentProps, ReactNode } from "react";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";

export function SimpleTooltip({
  text,
  children,
  side,
  ...props
}: {
  text?: ReactNode;
  side?: "top" | "right" | "bottom" | "left" | undefined;
  children: ReactNode;
} & Omit<ComponentProps<typeof Tooltip>, "children">) {
  return (
    <Tooltip {...props}>
      <TooltipTrigger render={<span className="inline-flex" />}>
        {children}
      </TooltipTrigger>
      <TooltipContent side={side}>{text}</TooltipContent>
    </Tooltip>
  );
}