Cue Word

// src/Root.tsx
import { Composition } from "remotion";
import { CueWord } from "@/components/remocn/cue-word";
 
const CueWordScene = () => (
  <CueWord
    scenes={[
      { text: "This line slides left.", cue: "slides left", cut: "slide" },
      { text: "The next one drops in.", cue: "drops in", cut: "drop" },
      { text: "And this one cuts.", cue: "cuts", cut: "cut" },
    ]}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="CueWord"
    component={CueWordScene}
    durationInFrames={210}
    fps={30}
    width={1280}
    height={720}
  />
);