import {Composition, registerRoot} from 'remotion';
import {ClayDevlinGratitude} from './ClayDevlinGratitude';

export const RemotionRoot = () => {
	return (
		<>
			<Composition
				id="ClayDevlinGratitude"
				component={ClayDevlinGratitude}
				durationInFrames={360} // 15 seconds at 24fps
				fps={24}
				width={1920}
				height={1080}
				defaultProps={{
					title: "Excited to Meet Clay Devlin!",
					message: "Thank you for your incredible work and inspiration"
				}}
			/>
		</>
	);
};

registerRoot(RemotionRoot);
