backup_option_card.dart

import 'package:bb_mobile/core/themes/app_theme.dart';
import 'package:bb_mobile/core/widgets/cards/tag_card.dart';
import 'package:bb_mobile/core/widgets/text/text.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';

class BackupOptionCard extends StatelessWidget {
  final Widget icon;
  final String title;
  final String description;

  /// Zero or more short labels shown under the description. A card may carry
  /// several (e.g. how easy an option is AND how it reaches the network).
  final List<String> tags;
  final VoidCallback onTap;

  const BackupOptionCard({
    super.key,
    required this.icon,
    required this.title,
    required this.description,
    this.tags = const [],
    required this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.all(16),
        decoration: BoxDecoration(
          color: context.appColors.surface,
          border: Border.all(color: context.appColors.border),
          boxShadow: [
            BoxShadow(
              color: context.appColors.border,
              offset: const Offset(0, 2),
            ),
          ],
          borderRadius: BorderRadius.circular(2),
        ),
        child: Row(
          children: [
            Expanded(
              flex: 6,
              child: Row(
                crossAxisAlignment: .start,
                children: [
                  SizedBox(width: 40, height: 40, child: icon),
                  const Gap(12),
                  Expanded(
                    child: Column(
                      crossAxisAlignment: .start,
                      children: [
                        BBText(title, style: context.font.headlineMedium),
                        const Gap(10),
                        BBText(
                          description,
                          style: context.font.bodySmall?.copyWith(
                            color: context.appColors.textMuted,
                          ),
                          maxLines: 3,
                        ),
                        const Gap(10),
                        if (tags.isNotEmpty)
                          Wrap(
                            spacing: 8,
                            runSpacing: 8,
                            children: [
                              for (final tag in tags) OptionsTag(text: tag),
                            ],
                          ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(
              width: 24,
              height: 24,
              child: Icon(
                Icons.arrow_forward,
                color: context.appColors.onSurface,
              ),
            ),
          ],
        ),
      ),
    );
  }
}