content: import 'package:bb_mobile/core/exchange/domain/entity/funding_details.dart';
  import 'package:bb_mobile/core/widgets/text/text.dart';
  import 'package:bb_mobile/features/fund_exchange/presentation/bloc/fund_exchange_bloc.dart';
  import 'package:bb_mobile/features/fund_exchange/ui/widgets/fund_exchange_detail.dart';
  import 'package:bb_mobile/features/fund_exchange/ui/widgets/fund_exchange_details_error_card.dart';
  import 'package:bb_mobile/features/fund_exchange/ui/widgets/fund_exchange_done_bottom_navigation_bar.dart';
  import 'package:flutter/material.dart';
  import 'package:flutter_bloc/flutter_bloc.dart';
  import 'package:gap/gap.dart';
  
  class FundExchangeArsBankTransferScreen extends StatelessWidget {
    const FundExchangeArsBankTransferScreen({super.key});
  
    @override
    Widget build(BuildContext context) {
      final theme = Theme.of(context);
      final details = context.select(
        (FundExchangeBloc bloc) => bloc.state.fundingDetails,
      );
      final failedToLoadFundingDetails = context.select(
        (FundExchangeBloc bloc) => bloc.state.failedToLoadFundingDetails,
      );
  
      return Scaffold(
        appBar: AppBar(title: const Text('Funding'), scrolledUnderElevation: 0.0),
        body: SafeArea(
          child: SingleChildScrollView(
            padding: const EdgeInsets.all(16.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                BBText('Bank Transfer', style: theme.textTheme.displaySmall),
                const Gap(16.0),
                Text(
                  "Send a bank transfer from your bank account using the exact Argentina bank details below.",
                  style: theme.textTheme.headlineSmall,
                ),
                const Gap(24.0),
                if (failedToLoadFundingDetails ||
                    details is! ArsBankTransferFundingDetails?) ...[
                  const FundExchangeDetailsErrorCard(),
                  const Gap(24.0),
                ] else ...[
                  FundExchangeDetail(
                    label: 'Recipient Name',
                    value: details?.beneficiaryName,
                  ),
                  const Gap(24.0),
                  FundExchangeDetail(label: 'CVU', value: details?.cvu),
                  const Gap(24.0),
                ],
              ],
            ),
          ),
        ),
        bottomNavigationBar: const FundExchangeDoneBottomNavigationBar(),
      );
    }
  }
  