useOrchestration

import { useOrchestration } from "@hua-labs/motion-core";

const { play, pause, stop, seek, progress, isPlaying } = useOrchestration({
  timeline: [
    { id: 'fade', duration: 300, onUpdate: (p) => setOpacity(p) },
    { id: 'slide', duration: 500, delay: 100, onUpdate: (p) => setTranslateY(p * -20) },
    { id: 'scale', duration: 300, onUpdate: (p) => setScale(0.8 + p * 0.2) },
  ],
  speed: 1,
  loop: true,
  loopCount: 3,
  onComplete: () => console.log('All done!'),
});

play();