import { useFetchCommentByForeignId } from "@replyke/react-js";

function CommentDetails({ commentId }: { commentId: string }) {
  const fetchCommentByForeignId = useFetchCommentByForeignId();

  const handleFetchCommentByForeignId = async () => {
    try {
      const { comment, parentComment } = await fetchCommentByForeignId({
        commentId,
        withParent: true,
      });

      console.log("Fetched comment:", comment);
      console.log("Parent comment:", parentComment);
    } catch (error) {
      console.error("Failed to fetch comment:", error.message);
    }
  };

  return <button onClick={handleFetchCommentByForeignId}>Fetch Comment</button>;
}