import type { ReactNode } from "react"

import { cn } from "@/lib/utils"

type ErrorBannerProps = {
  message?: ReactNode
  className?: string
}

export function ErrorBanner({ message, className }: ErrorBannerProps) {
  if (!message) return null

  return (
    <div
      className={cn(
        "rounded-xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-destructive text-sm",
        className
      )}
    >
      {message}
    </div>
  )
}