Dynamic Split Screen

// src/Root.tsx
import { Composition } from "remotion";
import { ChatToPreviewLayout } from "@/components/remocn/chat-to-preview-layout";

const ChatToPreviewLayoutScene = () => (
  <ChatToPreviewLayout
    chat={<MyChat />
);

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