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">
        <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
          <path
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
          />
        </svg>
        <span>Textures manquantes : {warnings.join(', ')}</span>
      </div>
    </div>
  )
}