import 'package:flutter/material.dart';
import 'package:meshcore_open/connector/meshcore_connector.dart';
import 'package:meshcore_open/widgets/battery_indicator.dart';
import 'package:provider/provider.dart';

import 'snr_indicator.dart';

class AppBarTitle extends StatelessWidget {
  final String title;
  final Widget? leading;
  final Widget? trailing;
  const AppBarTitle(this.title, {this.leading, this.trailing, super.key});

  @override
  Widget build(BuildContext context) {
    final connector = context.watch<MeshCoreConnector>();

    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        leading ?? const SizedBox.shrink(),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            leading ?? const SizedBox.shrink(),
            Text(title),
            if (connector.isConnected && connector.selfName != null)
              Center(
                child: Text(
                  '(${connector.selfName})',
                  style: TextStyle(fontSize: 14, color: Colors.grey[600]),
                ),
              ),
          ],
        ),
        const SizedBox(width: 8),
        Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            BatteryIndicator(connector: connector),
            SNRIndicator(connector: connector),
          ],
        ),
        trailing ?? const SizedBox.shrink(),
      ],
    );
  }
}