/**
 * @deprecated Use AlertMessage component instead for consistency.
 * This component is kept for backward compatibility.
 */
import { AlertMessage } from "./AlertMessage";

export interface ErrorMessageProps {
  error: string | null;
  onDismiss?: () => void;
  className?: string;
}

export function ErrorMessage({ error, onDismiss, className = "" }: ErrorMessageProps) {
  if (!error) return null;

  return (
    <AlertMessage
      type="error"
      message={error}
      onDismiss={onDismiss}
      className={className}
    />
  );
}