tooltip takes classname

2023-11-28 14:21:44 +00:00
parent cc72f145d7
commit e7fa475913
1 changed files with 9 additions and 2 deletions
@@ -55,18 +55,25 @@ function SimpleTooltip({
  side,
  hidden,
  variant,
+  className,
 }: {
  button: React.ReactNode;
  content: React.ReactNode;
  side?: React.ComponentProps<typeof TooltipContent>["side"];
  hidden?: boolean;
  variant?: Variant;
+  className?: string;
 }) {
  return (
    <TooltipProvider>
      <Tooltip>
-        <TooltipTrigger>{button}</TooltipTrigger>
-        <TooltipContent side={side} hidden={hidden} className="text-xs" variant={variant}>
+        <TooltipTrigger className="h-fit">{button}</TooltipTrigger>
+        <TooltipContent
+          side={side}
+          hidden={hidden}
+          className={cn("text-xs", className)}
+          variant={variant}
+        >
          {content}
        </TooltipContent>
      </Tooltip>