drivers-override.ts

import * as React from "react"
import { Override, Data, useTransform, motionValue } from "framer"

const x = motionValue(0)

export function Card(props): Override {
    const rotate = useTransform(x, [-100, 100], [-20, 20])
    return {
        rotate,
        x,
        drag: "x",
    }
}

export function Rect(props): Override {
    const opacity = useTransform(x, [-100, 0, 100], [0, 1, 0])
    return {
        opacity,
    }
}