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

/// Control Buttons Component
class ControlButtons extends StatelessWidget {
  final bool isPaused;
  final VoidCallback onTogglePause;
  final VoidCallback onStopEarly;
  final String pauseText;
  final String resumeText;
  final String stopText;

  const ControlButtons({
    super.key,
    required this.isPaused,
    required this.onTogglePause,
    required this.onStopEarly,
    required this.pauseText,
    required this.resumeText,
    required this.stopText,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // Pause/Resume Button
        SizedBox(
          width: double.infinity,
          child: OutlinedButton(
            onPressed: onTogglePause,
            style: OutlinedButton.styleFrom(
              foregroundColor: AppColors.primary,
              side: const BorderSide(color: AppColors.primary, width: 1),
              minimumSize: const Size(double.infinity, 48),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(12),
              ),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(isPaused ? Icons.play_arrow : Icons.pause),
                const SizedBox(width: 8),
                Text(isPaused ? resumeText : pauseText),
              ],
            ),
          ),
        ),

        const SizedBox(height: 16),

        // Stop Button
        Padding(
          padding: const EdgeInsets.only(bottom: 24.0),
          child: TextButton(
            onPressed: onStopEarly,
            child: Text(
              stopText,
              style: const TextStyle(
                color: AppColors.textSecondary,
                fontSize: 14,
              ),
            ),
          ),
        ),
      ],
    );
  }
}