1
interface ErrorBannerProps {
2
  message: string;
3
  className?: string;
4
}
5
 
6
export const ErrorBanner = ({ message, className }: ErrorBannerProps) => (
7
  <div
8
    role="alert"
9
    className={["rounded-2xl border border-red-500/20 bg-red-500/10 p-4 text-sm text-red-400", className]
10
      .filter(Boolean)
11
      .join(" ")}
12
  >
13
    {message}
14
  </div>
15
);