import 'package:flutter/material.dart';
import 'package:sonnat/core/utils/app_utils.dart';
import 'package:sonnat/features/single_post/view_models/comment.dart';

class PostCommentWidget extends StatelessWidget {
  final Comment comment;

  const PostCommentWidget({super.key, required this.comment});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: const Color(0xff8D95AB).withOpacity(0.35),
        borderRadius: BorderRadius.circular(19),
      ),
      margin: const EdgeInsets.only(bottom: 8, top: 8),
      padding: const EdgeInsetsDirectional.only(
        top: 14,
        bottom: 18,
        start: 18,
        end: 23,
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Text(
                comment.author,
                style: const TextStyle(
                  color: Color(0xff404966),
                  fontSize: 8,
                ),
              ),
              const SizedBox(width: 4),
              Text(
                Utils.instance.dateToString(comment.date),
                style: const TextStyle(
                  color: Color(0xff404966),
                  fontSize: 8,
                ),
              ),
            ],
          ),
          const SizedBox(height: 13),
          Text(
            comment.text,
            style: const TextStyle(
              color: Color(0xff636E88),
              fontSize: 10,
              fontFamily: 'Vazir',
            ),
          ),
        ],
      ),
    );
  }
}