19 lines
677 B
TypeScript
19 lines
677 B
TypeScript
// import { AlertTriangle } from "lucide-react";
|
|
import React, { PropsWithChildren } from "react";
|
|
|
|
export const ErrorBanner: React.FC<PropsWithChildren> = ({ children }) => (
|
|
<div className="border border-[#FB1048]/15 text-[#FB1048] p-4 rounded-lg bg-[#FB1048]/15 flex items-center gap-4">
|
|
{/* <AlertTriangle className="w-4 h-4" /> */}
|
|
|
|
<p className="text-sm">{children}</p>
|
|
</div>
|
|
);
|
|
|
|
export const WarnBanner: React.FC<PropsWithChildren> = ({ children }) => (
|
|
<div className="border border-[#FFD55D]/15 text-[#FFD55D] p-4 rounded-lg bg-[#FFD55D]/15 flex items-center gap-4 text-sm">
|
|
{/* <AlertTriangle className="w-4 h-4" /> */}
|
|
|
|
{children}
|
|
</div>
|
|
);
|