import { Loader2Icon } from "lucide-react";

export default function Loading() {
  return (
    <div className="fixed inset-0 z-[100] flex items-center justify-center bg-background/50 backdrop-blur-sm transition-all duration-300">
      <div className="flex flex-col items-center gap-4 bg-background p-6 rounded-2xl shadow-xl border border-border">
        <Loader2Icon className="w-8 h-8 animate-spin text-primary" />
        <p className="font-bold text-sm text-muted-foreground animate-pulse">در حال بارگذاری...</p>
      </div>
    </div>
  );
}