import { Override, motionValue, useTransform } from "framer"

// Create a MotionValue to track scroll content offset
const contentOffsetY = motionValue(0) // How much how we scrolled up a


export function TrackScroll(): Override {
    return {
        contentOffsetY: contentOffsetY,
        onScroll() {
            console.log(contentOffsetY)
        },
    }
}

// Apply this override to your header component
export function ScrollHorizontal(): Override {
    // const x = useTransform(contentOffsetY, value => value)
    const contentOffsetX = useTransform(contentOffsetY, value => value)

    return {
        contentOffsetX: contentOffsetX,
        onScroll() {
            console.log("Scrolling")
        },
    }
}