Dumbbell Shift

// src/Root.tsx
import { Composition } from "remotion";
import { DumbbellShift } from "@/components/remocn/dumbbell-shift";
 
const DumbbellShiftScene = () => (
  <DumbbellShift
    beforeLabel="Before"
    afterLabel="With remocn"
    rows={[
      { label: "Launch videos", before: 2, after: 9 },
      { label: "Changelogs", before: 4, after: 7 },
      { label: "Social clips", before: 3, after: 19 },
    ]}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="DumbbellShift"
    component={DumbbellShiftScene}
    durationInFrames={165}
    fps={30}
    width={1280}
    height={720}
  />
);