75a0ba593d
git-subtree-dir: admin git-subtree-mainline:35f5084005git-subtree-split:9f1eccd2f7
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>
|
|
);
|
|
}
|