import 'package:flutter/material.dart';
import 'package:design_system/design_system.dart';

/// Displays a capitalized, muted section title.
///
/// Uses design system tokens for typography, colors, and spacing.
class SectionTitle extends StatelessWidget {
  final String title;

  const SectionTitle(this.title, {super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.only(left: UiConstants.space1),
      margin: const EdgeInsets.only(bottom: UiConstants.space3),
      child: Text(
        title.toUpperCase(),
        style: UiTypography.footnote1b.textSecondary,
      ),
    );
  }
}
