20 lines
582 B
TypeScript
20 lines
582 B
TypeScript
import { XCircleIcon } from "@heroicons/react/solid";
|
|
|
|
export default function ErrorAlert(props) {
|
|
return (
|
|
<div className="rounded-md bg-red-50 p-4">
|
|
<div className="flex">
|
|
<div className="flex-shrink-0">
|
|
<XCircleIcon className="h-5 w-5 text-red-400" aria-hidden="true" />
|
|
</div>
|
|
<div className="ml-3">
|
|
<h3 className="text-sm font-medium text-red-800">Something went wrong</h3>
|
|
<div className="text-sm text-red-700">
|
|
<p>{props.message}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|