cal.pub0.org/components/ui/alerts/Error.tsx

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>
)
}