import 'package:flutter/material.dart';

import '../../../../common/theme/theme.dart';

class EmptyMerchantCard extends StatelessWidget {
  final String? title;
  final String? subtitle;
  final IconData? icon;

  const EmptyMerchantCard({super.key, this.title, this.subtitle, this.icon});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            width: 120,
            height: 120,
            decoration: BoxDecoration(
              color: AppColor.primaryWithOpacity(0.1),
              shape: BoxShape.circle,
            ),
            child: Icon(
              icon ?? Icons.search_off,
              size: 64,
              color: AppColor.primary,
            ),
          ),
          const SizedBox(height: 24),
          Text(
            title ?? 'No merchants found',
            style: AppStyle.xl.copyWith(
              color: AppColor.textPrimary,
              fontWeight: FontWeight.w600,
            ),
            textAlign: TextAlign.center,
          ),
          const SizedBox(height: 8),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 32),
            child: Text(
              subtitle ??
                  'Try adjusting your search terms or check back later for new merchants',
              style: AppStyle.md.copyWith(color: AppColor.textSecondary),
              textAlign: TextAlign.center,
            ),
          ),
          const SizedBox(height: 24),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
            decoration: BoxDecoration(
              color: AppColor.primaryWithOpacity(0.1),
              borderRadius: BorderRadius.circular(24),
              border: Border.all(
                color: AppColor.primary.withOpacity(0.2),
                width: 1,
              ),
            ),
            child: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Icon(Icons.refresh, size: 18, color: AppColor.primary),
                const SizedBox(width: 8),
                Text(
                  'Refresh',
                  style: AppStyle.sm.copyWith(
                    color: AppColor.primary,
                    fontWeight: FontWeight.w500,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
