src/components/ErrorMessage.jsx

const ErrorMessage = ({ mensaje }) => {
    return (
      <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative my-2 mr-5" role="alert ">
        <strong className="font-bold">Error: </strong>
        <span className="block sm:inline">{mensaje}</span>
      </div>
    );
};

export default ErrorMessage;