'use client';

import { ArrowLeft } from 'lucide-react';
import { Button } from '@/components/ui/button';

/**
 * BackButton - 统一的返回按钮组件
 *
 * 在纯静态导出模式下使用 window.history.back() 替代 Next.js 的 router.back()，
 * 确保在无服务端路由的环境下正常工作。
 */
export function BackButton() {
  return (
    <Button 
      variant="ghost" 
      size="sm"
      className="text-[#5C5C5C] hover:text-[#C41E3A] hover:bg-transparent h-auto py-2 px-3"
      onClick={() => window.history.back()}
    >
      <ArrowLeft className="w-4 h-4 mr-2" />
      返回
    </Button>
  );
}