import { AlertCircle } from "lucide-react";
import { Alert, AlertDescription } from "@/components/ui/alert";

export function FormError({ message }: { message?: string | null }) {
  if (!message) return null;

  return (
    <Alert variant="destructive" className="border-destructive/30 bg-destructive/10">
      <AlertCircle />
      <AlertDescription className="text-destructive">{message}</AlertDescription>
    </Alert>
  );
}