Files
chinese-family-tree-2/components/ui/back-button.tsx
T
freedakgmail 86e889cc2a 0.3.1.2
2025-11-30 19:10:30 +08:00

26 lines
596 B
TypeScript

"use client"
import { ArrowLeft } from "lucide-react"
import { Button } from "@/components/ui/button"
interface BackButtonProps {
onClick: () => void
label?: string
className?: string
}
export function BackButton({ onClick, label = "返回", className = "" }: BackButtonProps) {
return (
<div className="py-4">
<Button
variant="ghost"
onClick={onClick}
className={`gap-2 pl-0 hover:bg-transparent hover:text-primary text-2xl font-bold ${className}`}
>
<ArrowLeft className="h-6 w-6" />
{label}
</Button>
</div>
)
}