20 lines
545 B
TypeScript
20 lines
545 B
TypeScript
// src/components/ErrorDisplay.tsx
|
|
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>
|
|
);
|
|
};
|