import 'package:flutter/material.dart';

import '../theme/wise_tokens.dart';

class AppCard extends StatelessWidget {
  const AppCard({
    required this.child,
    this.onTap,
    this.padding = const EdgeInsets.all(WiseSpacing.x4),
    this.color = WiseColors.surface,
    super.key,
  });

  final Widget child;
  final VoidCallback? onTap;
  final EdgeInsetsGeometry padding;
  final Color color;

  @override
  Widget build(BuildContext context) {
    final content = DecoratedBox(
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(WiseRadius.md),
        boxShadow: WiseShadows.card,
      ),
      child: Padding(padding: padding, child: child),
    );
    if (onTap == null) return content;
    return InkWell(
      borderRadius: BorderRadius.circular(WiseRadius.md),
      onTap: onTap,
      child: content,
    );
  }
}

class HeroReportCard extends StatelessWidget {
  const HeroReportCard({required this.child, this.onTap, super.key});

  final Widget child;
  final VoidCallback? onTap;

  @override
  Widget build(BuildContext context) {
    return AppCard(
      onTap: onTap,
      color: WiseColors.secondary200,
      padding: const EdgeInsets.all(WiseSpacing.x5),
      child: child,
    );
  }
}