"use client";

import { Timegroup, Video } from "@editframe/react";

export default function Home() {
  return (
    <main
      style={{
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        minHeight: "100vh",
        background: "#0f172a",
      }}
    >
      <Timegroup workbench mode="sequence" style={{ width: "1920px", height: "1080px" }}>
        {/* Add your composition here */}
        <Timegroup
          style={{
            position: "absolute",
            width: "100%",
            height: "100%",
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            background: "black",
          }}
        >
          <Video src="https://assets.editframe.com/bars-n-tone.mp4" />
        </Timegroup>
      </Timegroup>
    </main>
  );
}