import React from 'react';
import {Composition} from 'remotion';
import {HintergrundAbend, PapierStruktur, VordergrundAbend} from './szenen/Hintergruende';
import {LaterneTest} from './szenen/LaterneTest';
import {VerformTest} from './szenen/VerformTest';

const BILD = {fps: 30, width: 1920, height: 1080} as const;

export const Root: React.FC = () => (
	<>
		<Composition id="LaterneTest" component={LaterneTest} durationInFrames={420} {...BILD} />
		<Composition id="VerformTest" component={VerformTest} durationInFrames={240} {...BILD} />
		<Composition id="HintergrundAbend" component={HintergrundAbend} durationInFrames={1} {...BILD} />
		<Composition id="VordergrundAbend" component={VordergrundAbend} durationInFrames={1} {...BILD} />
		<Composition id="PapierStruktur" component={PapierStruktur} durationInFrames={1} {...BILD} />
	</>
);