import { Loader2 } from "lucide-react";

export default function LoadingState({ message = "AI sedang mendeteksi plat nomor..." }) {
  return (
    <div className="bg-blue-50 border border-blue-200 rounded-2xl p-6 text-center">
      <Loader2 className="w-8 h-8 text-blue-600 animate-spin mx-auto mb-3" />
      <p className="text-sm font-medium text-blue-700">{message}</p>
      <p className="text-xs text-blue-500 mt-1">Mohon tunggu, proses ini mungkin membutuhkan beberapa detik</p>
    </div>
  );
}