import "./index.css";
import { Composition } from "remotion";
import { SquareMCPLinkedIn } from "./SquareMCPLinkedIn";
import { SquareMCPHeroLoop } from "./SquareMCPHeroLoop";

export const RemotionRoot = () => {
  return (
    <>
      <Composition
        id="SquareMCPLinkedIn"
        component={SquareMCPLinkedIn}
        durationInFrames={90 * 30}
        fps={30}
        width={1080}
        height={1080}
      />
      <Composition
        id="SquareMCPHeroLoop"
        component={SquareMCPHeroLoop}
        durationInFrames={30 * 30}
        fps={30}
        width={1920}
        height={1080}
      />
    </>
  );
};
