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

export const RemotionRoot: React.FC = () => {
  return (
    <>
      <Composition
        id="MainVideo"
        component={MainVideo}
        durationInFrames={300} // Default value, will be overridden via props
        fps={30}
        width={1080}
        height={1920} // Portrait by default (9:16)
        defaultProps={{
          scenes: [],
        }}
      />
    </>
  );
};
