Video Player

"use client"

import * as React from "react"
import { VideoPlayer } from "@/components/ui/video-player"

export default function VideoPlayerDemo() {
  const [status, setStatus] = React.useState<"playing" | "paused">("paused")

  return (
    <div className="flex min-h-[540px] w-full items-center justify-center bg-background p-8">
      <div className="w-full max-w-xl">
        <VideoPlayer
          status={status}
          currentTime="00:04:32"
          onPlay={() => setStatus("playing")}
          onPause={() => setStatus("paused")}
          onRewind={() => {}}
          onFastForward={() => {}}
        >
          <div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-primary/20 via-background to-background">
            <span className="font-mono text-sm uppercase tracking-[0.3em] text-primary/70">
              [ SIGNAL FEED ]
            </span>
          </div>
        </VideoPlayer>
      </div>
    </div>
  )
}