/// Renders the Top Bar widget for the FocusFlow Flutter UI.
library;

import 'package:flutter/material.dart';

import '../theme/focus_flow_tokens.dart';

part 'top_bar/top_bar_icon_button.dart';
part 'top_bar/top_bar_metrics.dart';
part 'top_bar/top_bar_mode_toggle.dart';
part 'top_bar/top_bar_settings_button.dart';

/// Header bar for the compact Today view.
class TopBar extends StatelessWidget {
  /// Creates a top bar with a display-ready [dateLabel].
  const TopBar({required this.dateLabel, super.key});

  /// Date label shown beside the date navigation controls.
  final String dateLabel;

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        final metrics = _TopBarMetrics.fromWidth(constraints.maxWidth);
        return SizedBox(
          height: _TopBarMetrics.referenceHeight,
          child: Row(
            children: [
              SizedBox(
                width: metrics.titleWidth,
                height: _TopBarMetrics.referenceHeight,
                child: FittedBox(
                  alignment: Alignment.centerLeft,
                  fit: BoxFit.scaleDown,
                  child: Text(
                    'Today',
                    style: Theme.of(context).textTheme.headlineLarge?.copyWith(
                      fontSize: metrics.titleSize,
                    ),
                  ),
                ),
              ),
              SizedBox(width: metrics.titleGap),
              _IconButton(
                icon: Icons.calendar_today,
                metrics: metrics,
                onPressed: () {},
              ),
              _IconButton(
                icon: Icons.chevron_left,
                metrics: metrics,
                onPressed: () {},
              ),
              SizedBox(
                width: metrics.dateWidth,
                height: metrics.controlHeight,
                child: Center(
                  child: FittedBox(
                    fit: BoxFit.scaleDown,
                    child: Text(
                      dateLabel,
                      style: TextStyle(
                        color: FocusFlowTokens.textPrimary,
                        fontSize: metrics.dateSize,
                      ),
                    ),
                  ),
                ),
              ),
              _IconButton(
                icon: Icons.chevron_right,
                metrics: metrics,
                onPressed: () {},
              ),
              const Spacer(),
              _ModeToggle(metrics: metrics),
              SizedBox(width: metrics.settingsGap),
              _SettingsButton(metrics: metrics),
            ],
          ),
        );
      },
    );
  }
}