parallax.tsx

'use client'

import { useRef, useState, useEffect, type ReactNode } from 'react'
import { motion, useScroll, useTransform } from 'framer-motion'

// Parallax speed presets (percentage of scroll to translate)
const PARALLAX_SPEEDS = {
  slow: 15,
  medium: 30,
  fast: 50,
}

export type ParallaxSpeed = 'slow' | 'medium' | 'fast'

interface ParallaxProps {
  children: ReactNode
  speed?: ParallaxSpeed
  className?: string
}