Free As In

// src/Root.tsx
import { Composition } from "remotion";
import { FreeAsIn } from "@/components/remocn/free-as-in";
 
const FreeAsInScene = () => <FreeAsIn word="Free" glosses={["as in beer.", "as in speech.", "as in no seats.", "as in yours."]} />;
 
export const RemotionRoot = () => (
  <Composition
    id="FreeAsIn"
    component={FreeAsInScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);