import 'package:flutter/material.dart';

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

class VoucherEmptyCard extends StatelessWidget {
  const VoucherEmptyCard({super.key});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          // Empty State Icon
          Container(
            width: 120,
            height: 120,
            decoration: BoxDecoration(
              color: AppColor.primary.withOpacity(0.1),
              shape: BoxShape.circle,
            ),
            child: Icon(
              Icons.local_offer_outlined,
              size: 60,
              color: AppColor.primary.withOpacity(0.5),
            ),
          ),

          SizedBox(height: 24),

          // Empty State Title
          Text(
            'Belum Ada Voucher',
            style: TextStyle(
              color: AppColor.textPrimary,
              fontSize: 20,
              fontWeight: FontWeight.bold,
            ),
          ),

          SizedBox(height: 8),

          // Empty State Description
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 32),
            child: Text(
              'Kamu belum memiliki voucher saat ini.\nCoba masukkan kode promo di atas atau\ncari promo menarik lainnya.',
              textAlign: TextAlign.center,
              style: TextStyle(
                color: AppColor.textSecondary,
                fontSize: 14,
                height: 1.5,
              ),
            ),
          ),

          SizedBox(height: 32),

          // Explore Button
          ElevatedButton(
            onPressed: () {
              // Navigate to explore or promo page
            },
            style: ElevatedButton.styleFrom(
              backgroundColor: AppColor.primary,
              foregroundColor: AppColor.white,
              padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(25),
              ),
            ),
            child: Text(
              'Jelajahi Promo',
              style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
            ),
          ),
        ],
      ),
    );
  }
}
