import 'package:flutter/cupertino.dart';
import 'package:please_pay_me/theme/tokens.dart';

class AppIcon extends StatelessWidget {
  const AppIcon(
    this.icon, {
    super.key,
    this.size = 22,
    this.color = AppColors.label,
    this.semanticLabel,
  });

  final IconData icon;
  final double size;
  final Color color;
  final String? semanticLabel;

  @override
  Widget build(BuildContext context) {
    return Icon(
      icon,
      size: size,
      color: AppColors.of(context, color),
      semanticLabel: semanticLabel,
    );
  }
}

/// Settings-style rounded square glyph used as a list row leading item.
class AppIconBadge extends StatelessWidget {
  const AppIconBadge({
    super.key,
    required this.icon,
    this.size = 29,
    this.color = AppColors.accent,
  });

  final IconData icon;
  final double size;
  final Color color;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: size,
      height: size,
      decoration: BoxDecoration(
        color: AppColors.of(context, color),
        borderRadius: BorderRadius.circular(size * 0.235),
      ),
      alignment: Alignment.center,
      child: Icon(icon, size: size * 0.6, color: const Color(0xFFFFFFFF)),
    );
  }
}