"use client"

import { motion } from "framer-motion"

export default function LoadingSpinner() {
  return (
    <div className="flex justify-center items-center py-20">
      <motion.div
        className="w-16 h-16 border-4 border-gray-200 rounded-full"
        style={{
          borderTopColor: "#f97316", // orange-500
        }}
        animate={{ rotate: 360 }}
        transition={{
          duration: 1,
          repeat: Number.POSITIVE_INFINITY,
          ease: "linear",
        }}
      />
    </div>
  )
}