import 'package:design_system/design_system.dart';
import 'package:flutter/material.dart';
import 'package:core_localization/core_localization.dart';

class AddCertificateCard extends StatelessWidget {
  final VoidCallback onTap;

  const AddCertificateCard({super.key, required this.onTap});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.all(20),
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: <Color>[Colors.grey[50]!, Colors.grey[100]!], // Keep prototype style
          ),
          borderRadius: BorderRadius.circular(16),
          border: Border.all(
            color: Colors.grey[300]!,
            style: BorderStyle.solid,
          ), 
        ),
        child: Row(
          children: <Widget>[
            const Icon(UiIcons.add, color: UiColors.primary, size: 24),
            const SizedBox(width: 16),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text(
                  t.staff_certificates.add_more.title,
                  style: UiTypography.body1b.copyWith( // 16px Bold
                    color: UiColors.textPrimary,
                  ),
                ),
                Text(
                  t.staff_certificates.add_more.subtitle,
                  style: UiTypography.body3r.copyWith( // 12px Regular
                    color: UiColors.textSecondary,
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}
