import { type ReactNode } from "react";

interface WarningBannerProps {
  children: ReactNode;
}

export function WarningBanner({ children }: WarningBannerProps) {
  return (
    <div
      role="status"
      className="rounded-md border-l-4 border-warning bg-amber-50 p-4 text-sm text-warning"
    >
      {children}
    </div>
  );
}
