22 lines
608 B
TypeScript
22 lines
608 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>
|
||
|
|
)
|
||
|
|
}
|