
import React from 'react';

interface ErrorMessageCardProps {
  errors: string[];
}

const ErrorMessageCard: React.FC<ErrorMessageCardProps> = ({ errors }) => {
  if (errors.length === 0) return null;
  
  return (
    <div className="bg-red-50 border border-red-200 rounded p-2 mt-2">
      {errors.map((error: string, index: number) => (
        <p key={index} className="text-xs text-red-600 mb-1">{error}</p>
      ))}
    </div>
  );
};

export default ErrorMessageCard;
