import AnimationTextHead from "@/app/component/AnimationTextHead";
import Comment from "@/app/component/comment";
import Underline from "@/components/icons/Underline";
import React from "react";
import AddComment from "./AddComment";

function CommentUser({ data, loading }) {
  return (
    <div className="mt-[12px] sm:mt-[16px] md:mt-[20px] lg:mt-[24px]">
      <AnimationTextHead name="zoom-in-up" text="نظرات">
        <Underline />
      </AnimationTextHead>
      <AddComment />
      <Comment data={data} loading={loading} />
    </div>
  );
}

export default CommentUser;