meshcore-open/lib/widgets/elements_ui.dart

import 'package:flutter/material.dart';

class FeatureToggleRow extends StatefulWidget {
  final String title;
  final String subtitle;
  final bool value;
  final bool enabled;
  final bool hasRefreshing;
  final bool isRefreshing;
  final ValueChanged<bool>? onChanged;
  final VoidCallback? onRefresh;
  final String? refreshTooltip;

  const FeatureToggleRow({
    super.key,
    required this.title,
    required this.subtitle,
    required this.value,
    this.enabled = true,
    this.hasRefreshing = false,
    this.isRefreshing = false,
    this.onChanged,
    this.onRefresh,
    this.refreshTooltip,
  });

  @override
  State<FeatureToggleRow> createState() => _FeatureToggleRow();
}

class _FeatureToggleRow extends State<FeatureToggleRow> {
  @override
  Widget build(BuildContext context) {
    final scheme = Theme.of(context).colorScheme;
    final textTheme = Theme.of(context).textTheme;
    final isEnabled = widget.enabled;
    final titleColor = isEnabled
        ? scheme.onSurface
        : scheme.onSurfaceVariant.withValues(alpha: 0.7);
    final subtitleColor = isEnabled
        ? scheme.onSurfaceVariant
        : scheme.onSurfaceVariant.withValues(alpha: 0.55);

    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
      child: Row(
        children: [
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  widget.title,
                  style: textTheme.bodyMedium?.copyWith(
                    fontWeight: FontWeight.w600,
                    color: titleColor,
                  ),
                ),
                const SizedBox(height: 2),
                Text(
                  widget.subtitle,
                  style: textTheme.bodySmall?.copyWith(color: subtitleColor),
                ),
              ],
            ),
          ),
          const SizedBox(width: 8),
          Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Switch(
                value: widget.value,
                onChanged: isEnabled ? widget.onChanged : null,
                thumbColor: !isEnabled
                    ? WidgetStatePropertyAll<Color?>(scheme.onSurfaceVariant)
                    : null,
                trackColor: !isEnabled
                    ? WidgetStatePropertyAll<Color?>(
                        scheme.onSurfaceVariant.withValues(alpha: 0.35),
                      )
                    : null,
              ),
              if (widget.hasRefreshing) ...[
                const SizedBox(width: 4),
                widget.isRefreshing
                    ? SizedBox(
                        width: 18,
                        height: 18,
                        child: CircularProgressIndicator(
                          strokeWidth: 1.8,
                          color: scheme.primary,
                        ),
                      )
                    : IconButton(
                        icon: const Icon(Icons.refresh, size: 18),
                        onPressed: isEnabled ? widget.onRefresh : null,
                        tooltip: widget.refreshTooltip,
                        visualDensity: VisualDensity.compact,
                        padding: EdgeInsets.zero,
                        constraints: const BoxConstraints(
                          minWidth: 32,
                          minHeight: 32,
                        ),
                      ),
              ],
            ],
          ),
        ],
      ),
    );
  }
}