Spaces:

haisyam
/

PlatDetect

Sleeping

PlatDetect / frontend /src /components /LoadingState.jsx

Update kodingan PlatDetect

1f6c75f 5 months ago

504 Bytes

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>
  );
}

	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>
	);
	}