import 'package:flutter/material.dart';

import 'package:aku_new_community/utils/headers.dart';
import 'package:aku_new_community/widget/bee_image_network.dart';

class StackAvatar extends StatelessWidget {
  final List<String?> avatars;

  const StackAvatar({Key? key, required this.avatars}) : super(key: key);

  double get offset => 35.w;

  int get length => avatars.length > 3 ? 3 : avatars.length;

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        SizedBox(
          width: 44.w * length + 26.w,
          height: 44.w + 6.w,
        ),
        ...List.generate(length, (index) {
          return Positioned(
            left: index * offset,
            child: Container(
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(22.w + 2.w),
                border: Border.all(color: Colors.white,width: 1),
                // border: Border.all(color: Color(0xFF999999)),
              ),
              clipBehavior: Clip.antiAlias,
              child: BeeImageNetwork(
                width: 44.w,
                height: 44.w,
                urls: [avatars[index] ?? ''],
              ),
            ),
          );
        }),
      ],
    );
  }
}