Code Diff Wipe

// src/Root.tsx
import { Composition } from "remotion";
import { CodeDiffWipe } from "@/components/remocn/code-diff-wipe";

const CodeDiffWipeScene = () => (
  <CodeDiffWipe
    before={"function get() { /* old */ }"}
    after={"const get = async () => { /* new */ }"}
  />
);

export const RemotionRoot = () => (
  <Composition
    id="CodeDiffWipe"
    component={CodeDiffWipeScene}
    durationInFrames={120}
    fps={30}
    width={1280}
    height={720}
  />
);