1
import type { ReactNode } from "react";
2
 
3
type ErrorBannerProps = {
4
  children: ReactNode;
5
  className?: string;
6
};
7
 
8
export function ErrorBanner({ children, className = "" }: ErrorBannerProps) {
9
  return (
10
    <div
11
      className={`rounded-xl border border-red-500/20 bg-red-500/10 p-4 text-sm text-red-700 dark:text-red-400 ${className}`.trim()}
12
    >
13
      {children}
14
    </div>
15
  );
16
}