import 'package:flutter/material.dart';
import 'package:flutter_svg_provider/flutter_svg_provider.dart';
import 'package:grocery_helper/api/models/simpleuser.dart';

class SmallUserChip extends StatelessWidget {
  final SimpleUser user;
  final double? radius;
  final Color? textColor;
  const SmallUserChip(
      {super.key, required this.user, this.radius, this.textColor});

  @override
  Widget build(BuildContext context) {
    double baseRadius = radius ?? 30;
    return Row(
      children: [
        CircleAvatar(
          radius: baseRadius,
          backgroundColor: Theme.of(context).colorScheme.primary,
          child: CircleAvatar(
            radius: baseRadius - 2,
            backgroundColor: Theme.of(context).colorScheme.primaryContainer,
            backgroundImage: user.imageUrl != null
                ? NetworkImage(user.imageUrl!)
                : Image(
                    image: Svg('assets/images/person.svg',
                        color:
                            Theme.of(context).colorScheme.onPrimaryContainer),
                  ).image,
          ),
        ),
        const SizedBox(width: 8),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              "${user.firstName} ${user.lastName}",
              style: TextStyle(
                  color: textColor ?? Theme.of(context).colorScheme.onSurface),
            ),
            Text(
              "@${user.username}",
              style: TextStyle(
                  color: textColor ?? Theme.of(context).colorScheme.onSurface),
            ),
          ],
        )
      ],
    );
  }
}