import 'package:flutter/material.dart';
import '../../app/theme/app_colors.dart';

/// Reusable uppercase section label (e.g. "NOTIFICATIONS", "DISPLAY").
/// Uses sage color, tracking-wider, bold weight per PRD §3.2 labelSmall.
class SectionHeader extends StatelessWidget {
  const SectionHeader({
    super.key,
    required this.title,
    this.trailing,
  });

  final String title;
  final Widget? trailing;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(
            title.toUpperCase(),
            style: Theme.of(context).textTheme.labelSmall?.copyWith(
                  color: AppColors.sage,
                  letterSpacing: 1.5,
                ),
          ),
          if (trailing != null) trailing!,
        ],
      ),
    );
  }
}