isSpeaking

class _LiveAudioAvatar extends ConsumerStatefulWidget {
  final Participant participant;
  const _LiveAudioAvatar({required this.participant});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => __LiveAudioAvatarState();
}

class __LiveAudioAvatarState extends SafeConsumerState<_LiveAudioAvatar> {
  Participant get _participant => widget.participant;
  late final _listener = widget.participant.createListener();

  @override
  void initState() {
    super.initState();
    _listener.on<ParticipantEvent>((e) {
      log('from widget-${e.runtimeType}');
      setState(() {});
    });
  }

  @override
  void dispose() {
    _listener.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final theme = SpillColor.of(context);
    final isSpeaking = _participant.isSpeaking;
    return Container(
      width: 48,
      height: 48,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        border: isSpeaking
            ? Border.all(
                width: 2,
                color: theme.border.primary,
              )
            : null,
      ),
      margin: const EdgeInsets.symmetric(vertical: 4.0),
      child: Stack(
        children: [
          if (isSpeaking) const Center(child: SoundWaveformWidget()),
        ],
      ),
    );
  }
}