import React from "react";

const Loader = () => {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <div className="flex space-x-1 h-10">
        {[...Array(5)].map((_, i) => {
          const bounceClass =
            "w-2 bg-blue-900 animate-[bounce_1s_ease-in-out_infinite]";
          const delayStyle = {
            animationDelay: `${i * 0.2}s`,
            height: "100%",
          };

          return <div key={i} className={bounceClass} style={delayStyle} />;
        })}
      </div>
    </div>
  );
};

export default Loader;
