12 lines
427 B
TypeScript
12 lines
427 B
TypeScript
|
import { AlertCircle } from "lucide-react";
|
||
|
|
|
||
|
|
export function ErrorBanner({ message }: { message?: string | null }) {
|
||
|
|
if (!message) return null;
|
||
|
|
return (
|
||
|
|
<div className="flex items-start gap-2 rounded-(--radius-sm) bg-red-50 border-2 border-red-100 text-(--color-status-error) px-4 py-3 text-[13px] font-medium">
|
||
|
|
<AlertCircle size={16} className="shrink-0 mt-0.5" />
|
||
|
|
<span>{message}</span>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|