added action-tooltip and transparent mode-toggle

2023-10-10 17:45:30 -07:00 · 2023-10-10 17:45:30 -07:00 · 7d9c652d3f
commit 7d9c652d3f
parent f41829fa41
1 changed files with 37 additions and 0 deletions
--- a/components/action-tooltip.tsx
+++ b/components/action-tooltip.tsx
@ -0,0 +1,37 @@
+"user client"
+
+import { 
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+interface ActionTooltipProps {
+    label: string;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+}
+
+export const ActionTooltip = ({
+    label,
+    children,
+    side,
+    align,
+}: ActionTooltipProps) => {
+    return (
+        <TooltipProvider>
+            <Tooltip delayDuration={50}>
+                <TooltipTrigger asChild>
+                    {children}
+                </TooltipTrigger>
+                <TooltipContent side={side} align={align}>
+                    <p className="font-semibold text-sm capitalize">
+                        {label.toLowerCase()}
+                    </p>
+                </TooltipContent>
+            </Tooltip>
+        </TooltipProvider>
+    )
+}