import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';

import '../../../config/app_config.dart';

class WhyButton extends StatelessWidget {
  const WhyButton({
    super.key,
    required this.onPress,
    required this.loading,
  });

  final VoidCallback onPress;
  final bool loading;

  @override
  Widget build(BuildContext context) {
    return TextButton(
      onPressed: loading ? null : onPress,
      style: ButtonStyle(
        backgroundColor: MaterialStateProperty.all<Color>(
          AppConfig.primaryColor.withOpacity(0.1),
        ),
        shape: MaterialStateProperty.all<RoundedRectangleBorder>(
          RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(10), // Border radius
            side: const BorderSide(
              color: AppConfig.primaryColor, // Replace with your color
              style: BorderStyle.solid,
              width: 2.0,
            ),
          ),
        ),
      ),
      child: SizedBox(
        width: 150,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (!loading) const Icon(Icons.lightbulb_outline),
            if (loading)
              const Center(
                child: SizedBox(
                  width: 24.0,
                  height: 24.0,
                  child: CircularProgressIndicator(),
                ),
              ),
            const SizedBox(width: 8),
            Text(L10n.of(context)!.why),
          ],
        ),
      ),
    );
  }
}