import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:hyper_local/l10n/app_localizations.dart';

import '../../../../utils/widgets/custom_button.dart';

class EmptyTransactionsState extends StatelessWidget {
  final VoidCallback onRetry;

  const EmptyTransactionsState({super.key, required this.onRetry});

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final colorScheme = theme.colorScheme;

    return Center(
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 32.w),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.receipt_long_outlined, size: 100.sp),

            SizedBox(height: 24.h),

            Text(
              AppLocalizations.of(context)!.noTransactionYet,
              style: TextStyle(fontSize: 24.sp, fontWeight: FontWeight.bold),
              textAlign: TextAlign.center,
            ),

            SizedBox(height: 12.h),

            Text(
              "${AppLocalizations.of(context)!.noTransactionDescriptionMsg}\n"
              "${AppLocalizations.of(context)!.noTransactionDescriptionSecondaryMsg}",
              style: TextStyle(
                fontSize: 15.sp,
                color: colorScheme.tertiary.withValues(alpha: 0.7),
                height: 1.4,
              ),
              textAlign: TextAlign.center,
            ),

            SizedBox(height: 40.h),

            CustomButton(
              text: AppLocalizations.of(context)!.retry,
              onPressed: onRetry,
            ),

            // Retry Button
            // SizedBox(
            //   width: 180,
            //   child: CustomButton(
            //     onPressed: onRetry,
            //     child: Row(
            //       crossAxisAlignment: CrossAxisAlignment.center,
            //       mainAxisAlignment: MainAxisAlignment.center,
            //       children: [
            //         Icon(Icons.refresh_rounded, size: 20),
            //         SizedBox(width: 10,),
            //         Text(AppLocalizations.of(context)!.retry),
            //       ],
            //     ),
            //   ),
            // ),
          ],
        ),
      ),
    );
  }
}
