presenton/servers/nextjs/components/ui/loader.tsx
2025-05-12 17:16:58 +05:45

17 lines
No EOL
533 B
TypeScript

import { cn } from "@/lib/utils"
interface LoaderProps {
text?: string
className?: string
}
export const Loader = ({ text, className }: LoaderProps) => {
return (
<div className={cn("flex flex-col items-center justify-center", className)}>
<div className="w-8 h-8 border-4 border-purple-200 border-t-purple-600 rounded-full animate-spin"></div>
{text && (
<p className="mt-4 text-white text-base font-inter font-semibold">{text}</p>
)}
</div>
)
}