import { Composition, getInputProps } from "remotion";
import { SceneRenderer } from "./Composition";

export const RemotionRoot: React.FC = () => {
  const inputProps = getInputProps() as {
    scenes: any[];
    totalDuration: number;
    audioUrl?: string;
    audioVolume?: number;
  };

  const fps = 30;
  const totalDurationInFrames = Math.ceil(inputProps.totalDuration * fps);

  return (
    <Composition
      id="VideoComposition"
      component={SceneRenderer}
      durationInFrames={totalDurationInFrames}
      fps={fps}
      width={1080}
      height={1920}
      defaultProps={{
        scenes: inputProps.scenes || [],
        audioUrl: inputProps.audioUrl,
        audioVolume: inputProps.audioVolume,
      }}
    />
  );
};