import Comment from "./Comment"

function Comments({ user, loading }) {
    return (
        <ul className="flex opacity-page flex-col items-start justify-start gap-[24px] md:gap-[22px] lg:gap-[20px]">
            {user.comments.map((item, idx) => (
                <Comment
                    key={idx}
                    idx={idx}
                    data={item}
                    loading={loading}
                    length={user.comments.length}
                />
            ))}
        </ul>
    )
}

export default Comments