From 97405a86577265ac474358a3174efea67edb676d Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 12 Mar 2025 12:22:41 +0800
Subject: [PATCH] feat(components): add back button component with tooltip

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

diff --git a/src/components/back-button.tsx b/src/components/back-button.tsx
new file mode 100644
index 0000000..8410f35
--- /dev/null
+++ b/src/components/back-button.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { ArrowLeftIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+
+interface BackButtonProps {
+  href: string;
+  className?: string;
+}
+
+export default function BackButton({
+  href,
+  className,
+  ...props
+}: BackButtonProps) {
+  return (
+    <TooltipProvider delayDuration={0}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            className={cn("h-8 w-auto p-2", className)}
+            asChild
+            {...props}
+          >
+            <Link href={href}>
+              <ArrowLeftIcon size={16} aria-hidden="true" />
+            </Link>
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent className="px-2 py-1 text-xs">Back</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}