import { WarningIcon } from '@/components/ui/icons'

interface WarningBannerProps {
  warnings: string[]
}

export default function WarningBanner({ warnings }: WarningBannerProps) {
  if (warnings.length === 0) return null

  return (
    <div className="mt-2 px-3 py-2 bg-yellow-900/20 border border-yellow-700/30 rounded-lg">
      <div className="flex items-center gap-2 text-xs text-yellow-400">
        <WarningIcon className="w-4 h-4" />
        <span>{warnings.join(' ')}</span>
      </div>
    </div>
  )
}