import React from "react";
import { Composition } from "remotion";
import { AppStorePreview } from "./compositions/AppStorePreview";
import { WIDTH, HEIGHT, FPS, TOTAL_DURATION } from "./theme";

export const RemotionRoot: React.FC = () => {
  return (
    <Composition
      id="app-store-preview"
      component={AppStorePreview}
      durationInFrames={TOTAL_DURATION}
      fps={FPS}
      width={WIDTH}
      height={HEIGHT}
    />
  );
};
