import { Composition } from 'remotion';
import { StripeCameraDemo } from './StripeCameraDemo';
import { StripeDollyDemo } from './StripeDollyDemo';
import { MCPChatAnimation } from './MCPChatAnimation';

export const RemotionRoot: React.FC = () => {
  return (
    <>
      <Composition
        id="StripeDollyDemo"
        component={StripeDollyDemo}
        durationInFrames={420}
        fps={30}
        width={1920}
        height={1080}
      />
      <Composition
        id="StripeCameraDemo"
        component={StripeCameraDemo}
        durationInFrames={330}
        fps={30}
        width={1920}
        height={1080}
      />
      <Composition
        id="MCPChatAnimation"
        component={MCPChatAnimation}
        durationInFrames={900}
        fps={30}
        width={1920}
        height={1080}
      />
    </>
  );
};
