Waveform Scrubber

"use client"

import * as React from "react"
import { Pause, Play, SkipBack } from "lucide-react"
import { WaveformScrubber, makePeaks } from "@/components/ui/waveform-scrubber"

const DURATION = 224

/**
 * The scrubber owns no clock, so the demo brings one: a plain rAF transport
 * standing in for whatever audio element this would really be wired to.
 */
export default function DemoWaveformScrubber() {
  const peaks = React.useMemo(() => makePeaks(170, 21), [])
  const [position, setPosition] = React.useState(38)
  const [playing, setPlaying] = React.useState(false)