import { motion } from "framer-motion";
import React from "react";

/* ================= TYPES ================= */
type LoadingProps = {
  pageName?: string;
};

const Loading = ({ pageName = "inventory" }: LoadingProps) => {
  return (
    <div className="min-h-screen flex items-center justify-center bg-linear-to-br from-green-100 via-emerald-50 to-lime-100">
      
      <motion.div
        animate={{ scale: [1, 1.1, 1] }}
        transition={{ repeat: Infinity, duration: 1.2 }}
        className="text-green-700 font-semibold"
      >
        🌱 Loading {pageName}...
      </motion.div>

    </div>
  );
};

export default Loading;