17 lines
525 B
TypeScript
17 lines
525 B
TypeScript
|
|
import React from 'react';
|
|
|
|
interface ErrorDisplayProps {
|
|
message: string;
|
|
}
|
|
|
|
export const ErrorDisplay: React.FC<ErrorDisplayProps> = ({ message }) => {
|
|
if (!message) return null;
|
|
return (
|
|
<div className="bg-red-100 dark:bg-red-900/50 border border-red-400 dark:border-red-600 text-red-700 dark:text-red-300 px-4 py-3 rounded-lg relative" role="alert">
|
|
<strong className="font-bold">Error: </strong>
|
|
<span className="block sm:inline">{message}</span>
|
|
</div>
|
|
);
|
|
};
|
|
|