"use client";

import { motion, useScroll, useSpring } from "framer-motion";

export function ScrollProgressBar() {
  const { scrollYProgress } = useScroll();
  const scaleY = useSpring(scrollYProgress, {
    stiffness: 100,
    damping: 30,
    restDelta: 0.001
  });

  return (
    <motion.div
      className="fixed right-0 top-0 bottom-0 w-[3px] origin-top z-50 pointer-events-none"
      style={{
        scaleY,
        backgroundColor: '#ff4d00',
      }}
    />
  );
}
