Word Acts

// src/Root.tsx
import { Composition } from "remotion";
import { WordActs } from "@/components/remocn/word-acts";
 
const WordActsScene = () => (
  <WordActs
    acts={[
      { word: "stretch", act: "stretch" },
      { word: "heavy", act: "heavy" },
      { word: "rebuilt", act: "rebuilt" },
    ]}
    hold={30}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="WordActs"
    component={WordActsScene}
    durationInFrames={126}
    fps={30}
    width={1280}
    height={720}
  />
);