From 4cf990816817c009a512356373fdb1c4baa5e63b Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 6 Apr 2024 01:35:37 +0100
Subject: ui(web): Add a tooltip explaining what archived means

---
 apps/web/components/ui/info-tooltip.tsx | 38 +++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 apps/web/components/ui/info-tooltip.tsx

(limited to 'apps/web/components/ui/info-tooltip.tsx')

diff --git a/apps/web/components/ui/info-tooltip.tsx b/apps/web/components/ui/info-tooltip.tsx
new file mode 100644
index 00000000..abaf8197
--- /dev/null
+++ b/apps/web/components/ui/info-tooltip.tsx
@@ -0,0 +1,38 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+import { HelpCircle, Info } from "lucide-react";
+
+export default function InfoTooltip({
+  className,
+  children,
+  size,
+  variant = "tip",
+}: {
+  className?: string;
+  size?: number;
+  children?: React.ReactNode;
+  variant?: "tip" | "explain";
+}) {
+  return (
+    <TooltipProvider delayDuration={0}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {variant === "tip" ? (
+            <Info className={cn("cursor-pointer", className)} size={size} />
+          ) : (
+            <HelpCircle
+              className={cn("cursor-pointer", className)}
+              size={size}
+            />
+          )}
+        </TooltipTrigger>
+        <TooltipContent>{children}</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
-- 
cgit v1.2.3-70-g09d2