import 'package:Envelope/components/custom_circle_avatar.dart';
import 'package:flutter/material.dart';

class FriendListItem extends StatefulWidget{
  final String id;
  final String username;
  final String? imagePath;
  const FriendListItem({
    Key? key,
    required this.id,
    required this.username,
    this.imagePath,
  }) : super(key: key);

  @override
  _FriendListItemState createState() => _FriendListItemState();
}

class _FriendListItemState extends State<FriendListItem> {

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        onTap: (){
        },
        child: Container(
                   padding: const EdgeInsets.only(left: 16,right: 16,top: 10,bottom: 10),
                   child: Row(
                       children: <Widget>[
                         Expanded(
                             child: Row(
                                 children: <Widget>[
                                   CustomCircleAvatar(
                                       initials: widget.username[0].toUpperCase(),
                                       imagePath: widget.imagePath,
                                   ),
                                   const SizedBox(width: 16),
                                   Expanded(
                                       child: Align(
                                           alignment: Alignment.centerLeft,
                                           child: Container(
                                               color: Colors.transparent,
                                               child: Column(
                                                   crossAxisAlignment: CrossAxisAlignment.start,
                                                   children: <Widget>[
                                                     Text(widget.username, style: const TextStyle(fontSize: 16)),
                                                     // Text(
                                                     //         widget.messageText,
                                                     //         style: TextStyle(fontSize: 13,
                                                     //                 color: Colors.grey.shade600,
                                                     //                 fontWeight: widget.isMessageRead?FontWeight.bold:FontWeight.normal
                                                     //                 ),
                                                     //         ),
                                                   ],
                                               ),
                                           ),
                                       ),
                                   ),
                                ],
                              ),
                          ),
                      ],
                  ),
              ),
        );
  }
}