example.ts

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

const appState = Data({
    state: "pause",
})

export function PlayButton(props): Override {
    return {
        onTap: () => {
            appState.state = "stop"
        },
    }
}

export function Animation(props): Override {
    React.useEffect(() => {
        if (appState.state === "stop") {
            appState.state = "play"
        }
    }, [appState.state])

    return {
        loop: false, // can also set on property controls
        state: appState.state, // pause, play or stop
    }
}