umbrix/lib/features/stats/widget/stats_card.dart

import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:umbrix/core/widget/spaced_list_widget.dart';

typedef PresentableStat = ({Widget label, Widget data, String? semanticLabel});

class StatsCard extends StatelessWidget {
  const StatsCard({
    super.key,
    this.title,
    this.titleStyle,
    this.padding = const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
    this.labelStyle,
    this.dataStyle,
    required this.stats,
  });

  final String? title;
  final TextStyle? titleStyle;
  final EdgeInsets padding;
  final TextStyle? labelStyle;
  final TextStyle? dataStyle;
  final List<PresentableStat> stats;

  @override
  Widget build(BuildContext context) {
    final effectiveTitleStyle =
        titleStyle ?? Theme.of(context).textTheme.bodySmall;
    final effectiveLabelStyle = labelStyle ??
        Theme.of(context)
            .textTheme
            .bodySmall
            ?.copyWith(fontWeight: FontWeight.w300);
    final effectiveDataStyle = dataStyle ??
        Theme.of(context)
            .textTheme
            .bodySmall
            ?.copyWith(fontWeight: FontWeight.w300);

    return Card(
      margin: EdgeInsets.zero,
      shadowColor: Colors.transparent,
      child: Padding(
        padding: padding,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            if (title != null) ...[
              Text(
                title!,
                style: effectiveTitleStyle,
              ),
              const Gap(4),
            ],
            ...stats
                .map(
                  (stat) {
                    Widget label = IconTheme.merge(
                      data: const IconThemeData(size: 14),
                      child: DefaultTextStyle(
                        style: effectiveLabelStyle!,
                        overflow: TextOverflow.ellipsis,
                        child: stat.label,
                      ),
                    );
                    if (stat.semanticLabel != null) {
                      label = Tooltip(
                        message: stat.semanticLabel,
                        verticalOffset: 8,
                        child: label,
                      );
                    }
                    return Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        label,
                        const Gap(2),
                        DefaultTextStyle(
                          style: effectiveDataStyle!,
                          overflow: TextOverflow.ellipsis,
                          child: Flexible(child: stat.data),
                        ),
                      ],
                    );
                  },
                )
                .toList()
                .spaceBy(height: 2),
          ],
        ),
      ),
    );
  }
}