voicedock

import { useState } from "react";
import { VoiceDock } from "@likemiens/voice-dock"; // brings voice-dock.css with it

export function CallBar({ call, labels }) {
  const [muted, setMuted] = useState(false);
  const [sharing, setSharing] = useState(false);
  const [menuOpen, setMenuOpen] = useState(false);
  return (
    <VoiceDock
      status={call.status} // "connecting" | "live" | "reconnecting" | "ended"
      muted={muted}
      sharing={sharing}
      menuOpen={menuOpen}
      level={() => call.level()} // 0…1, read every frame
      size={42}
      appearance="glass" // or "flat"
      labels={labels}
      onMutedChange={setMuted}
      onSharingChange={setSharing}
      onMenuOpenChange={setMenuOpen}
      onExit={() => call.leave()}
    />
  );
}