"use client";

import { useLocalParticipant, useTrackVolume } from "@livekit/components-react";

interface AudioMeterProps {
  participantIdentity?: string;
}

export function AudioMeter({ participantIdentity }: AudioMeterProps) {
  const { localParticipant, microphoneTrack } = useLocalParticipant();
  const track = microphoneTrack?.track;
  const volume = useTrackVolume(track as any);

  return (
    <div className="h-2 w-full bg-muted rounded-full overflow-hidden">
      <div
        className={`h-full bg-primary transition-all duration-100`}
        style={{ width: `${Math.max(volume * 100, 0)}%` }}
      />
    </div>
  );
}