Progress Steps

// src/Root.tsx
import { Composition } from "remotion";
import { ProgressSteps } from "@/components/remocn/progress-steps";

const ProgressStepsScene = () => (
  <ProgressSteps
    steps={[{ label: "Connect" }, { label: "Process" }, { label: "Deploy" }]}
    orientation="horizontal"
    stepDuration={30}
  />
);

export const RemotionRoot = () => (
  <Composition
    id="ProgressSteps"
    component={ProgressStepsScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);