/**
 * 错误提示横幅组件
 * 统一各页面的错误信息展示样式
 */

interface ErrorBannerProps {
  /** 错误信息 */
  message: string
  /** 变体：错误(红) / 警告(黄) */
  variant?: 'error' | 'warning'
  /** 自定义 className */
  className?: string
}

const variantStyles: Record<string, string> = {
  error: 'bg-red-50 text-red-700',
  warning: 'bg-amber-50 text-amber-700',
}

/**
 * 错误/警告提示横幅
 */
export default function ErrorBanner({ message, variant = 'error', className = '' }: ErrorBannerProps) {
  return (
    <div className={`px-3 py-2 rounded-md text-xs ${variantStyles[variant]} ${className}`}>
      {message}
    </div>
  )
}