export function MonoPulseLoader() {
  return (
    <div className="bg-[#FAFAF8] p-16 grid place-items-center min-h-[200px]">
      <div className="text-center">
        <div className="flex gap-2 justify-center">
          {[0, 1, 2].map((i) => (
            <span
              key={i}
              className="w-2 h-2 rounded-full bg-[#111111]"
              style={{
                animation: `pulse-dot 1.2s ease-in-out ${i * 0.16}s infinite`,
              }}
            />
          ))}
        </div>
        <div className="font-mono text-[10px] uppercase tracking-[0.18em] text-[#6B6B66] mt-5">
          Compiling registry
        </div>
      </div>
      <style>{`
        @keyframes pulse-dot {
          0%, 100% { opacity: 0.2; transform: scale(0.85); }
          50%      { opacity: 1;   transform: scale(1); }
        }
      `}</style>
    </div>
  );
}
Mono Pulse Loader
