Known Terms

// src/Root.tsx
import { Composition } from "remotion";
import { KnownTerms } from "@/components/remocn/known-terms";
 
const KnownTermsScene = () => (
  <KnownTerms
    pairs={[
      { video: "A scene", dev: "a component." },
      { video: "An edit", dev: "a commit." },
      { video: "Your launch", dev: "a deploy." },
    ]}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="KnownTerms"
    component={KnownTermsScene}
    durationInFrames={180}
    fps={30}
    width={1280}
    height={720}
  />
);