"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>
  )
}
