"use client";

import React from "react";
import { motion } from "motion/react";

const Loading = () => {
  return (
    <html>
      <body>
        <motion.div
          initial={{ opacity: 0 }}
          animate={{ opacity: 1 }}
          exit={{ opacity: 0 }}
          transition={{ duration: 1 }}
          className="h-screen w-full flex flex-col gap-4 justify-center items-center bg-primary"
        >
          <motion.div
            animate={{
              scale: [1, 1.2, 1],
              rotate: [0, 360, 0],
            }}
            transition={{
              duration: 2,
              repeat: Infinity,
              ease: "easeInOut",
            }}
            className="w-10 h-10 bg-white rounded-full"
          />
        </motion.div>
      </body>
    </html>
  );
};

export default Loading;
