/* fx3d/Root.jsx — as duas composições do editor. O tamanho, o fps e a
 * duração vêm das props de cada render (calculateMetadata), não daqui. */
import React from 'react';
import { Composition, registerRoot } from 'remotion';
import { Camadas } from './Camadas';
import { Objetos } from './Objetos';

const meta = ({ props }) => ({ durationInFrames: Math.max(1, props.n || 1), fps: props.fps || 30, width: props.w || 1080, height: props.h || 1920 });
const padrao = { n: 30, fps: 30, w: 1080, h: 1920 };

const Root = () => (
  <>
    <Composition id="Camadas" component={Camadas} durationInFrames={30} fps={30} width={1080} height={1920} defaultProps={padrao} calculateMetadata={meta} />
    <Composition id="Objetos" component={Objetos} durationInFrames={30} fps={30} width={1080} height={1920} defaultProps={padrao} calculateMetadata={meta} />
  </>
);

registerRoot(Root);