Root

1import { Composition } from "remotion";
2import { z } from "zod";
3import { Stargazed, stargazedSchema } from "./Stargazed";
4
5const defaultProps: z.infer<typeof stargazedSchema> = {
6  title: "STARGAZED",
7  subtitle: "by HeyGen",
8  stats: [
9    { label: "Stars", value: 1247, color: "#fbbf24" },
10    { label: "Forks", value: 312, color: "#60a5fa" },
11    { label: "Issues", value: 48, color: "#f87171" },
12  ],
13  outro: "thanks for watching",
14};
15
16export const RemotionRoot = () => (
17  <Composition
18    id="Stargazed"
19    component={Stargazed}
20    schema={stargazedSchema}
21    durationInFrames={300}
22    fps={30}
23    width={1280}
24    height={720}
25    defaultProps={defaultProps}
26  />
27);