mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
42 lines
961 B
TypeScript
42 lines
961 B
TypeScript
'use client'
|
|
import { Loader2 } from 'lucide-react'
|
|
import { motion } from 'framer-motion'
|
|
|
|
function PageLoading() {
|
|
return (
|
|
<div className="fixed inset-0 flex items-center justify-center">
|
|
<motion.div
|
|
initial={{ opacity: 0, scale: 0.95 }}
|
|
animate={{
|
|
opacity: [0, 0.5, 1],
|
|
scale: 1,
|
|
transition: {
|
|
duration: 0.8,
|
|
scale: {
|
|
type: "spring",
|
|
stiffness: 50,
|
|
damping: 15,
|
|
delay: 0.2
|
|
},
|
|
opacity: {
|
|
duration: 0.6,
|
|
times: [0, 0.6, 1]
|
|
}
|
|
}
|
|
}}
|
|
exit={{
|
|
opacity: 0,
|
|
scale: 0.95,
|
|
transition: {
|
|
duration: 0.4,
|
|
ease: "easeOut"
|
|
}
|
|
}}
|
|
>
|
|
<Loader2 className="w-10 h-10 text-gray-400 animate-spin" />
|
|
</motion.div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default PageLoading
|