From 1d81013122cd95af9e07fdaa8889f623ac5a255c Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 3 Mar 2025 11:39:02 +0800
Subject: [PATCH] feat(components): add settings button component with tooltip

---
 src/components/settings-button.tsx | 32 ++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/components/settings-button.tsx

diff --git a/src/components/settings-button.tsx b/src/components/settings-button.tsx
new file mode 100644
index 0000000..377e782
--- /dev/null
+++ b/src/components/settings-button.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { SettingsIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
+
+interface SettingsButtonProps {
+  className?: string;
+}
+
+export default function SettingsButton({
+  className,
+  ...props
+}: SettingsButtonProps) {
+  return (
+    <TooltipProvider delayDuration={0}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            className={cn("h-8 w-auto p-2",className)}
+            {...props}
+          >
+            <SettingsIcon size={16} aria-hidden="true" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent className="px-2 py-1 text-xs">Settings</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}