import React from 'react';
import { motion, useScroll, useTransform } from 'framer-motion';

export const ParallaxScroll = ({ children }: { children: React.ReactNode }) => {
  const { scrollY } = useScroll();
  const y = useTransform(scrollY, [0, 300], [0, -100]);

  return (
    <motion.div style={{ y }} className="parallax-container">
      {children}
    </motion.div>
  );
};