text: import React from "react";
  
  export default ({ hasLiked, articleId, handleLike }) => {
    const handleClick = () => {
      handleLike(articleId)
    }
    return (
      <svg
        width="45"
        height="auto"
        viewBox="-10 -10 300 300"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        onClick={handleClick}
      >
        <path
          d="M142.5 280C221.201 280 285 217.32 285 140C285 62.6801 221.201 0 142.5 0C63.7994 0 0 62.6801 0 140C0 217.32 63.7994 280 142.5 280Z"
          fill="white"
          stroke="#986C9B"
          strokeWidth="9px"
        />
        <path
          d="M71.8005 124.236H103.136C105.603 124.236 107.615 126.19 107.615 128.628V199.187C107.615 201.606 105.622 203.579 103.136 203.579H71.8005C69.3331 203.579 67.3213 201.625 67.3213 199.187V128.61C67.3403 126.19 69.3331 124.236 71.8005 124.236ZM118.567 186.996V136.445C118.586 123.994 122.135 111.803 128.835 101.231C132.915 94.8288 142.064 84.5736 147.188 79.2691C148.327 78.078 152.464 74.5789 152.464 72.6618C152.464 70.205 152.749 66.2407 152.844 58.8517C152.901 54.1614 156.792 50.3087 161.575 50.346H161.784C170.154 50.4949 172.83 58.0886 172.83 58.0886C172.83 58.0886 179.985 71.936 173.304 88.873C167.667 103.186 166.509 104.34 166.509 104.34C166.509 104.34 164.687 106.927 170.457 106.815C170.457 106.815 205.684 106.666 206.898 106.666C209.499 106.666 217.793 108.993 217.318 119.36C216.977 127.028 212.118 129.708 209.631 130.583C209.309 130.694 209.138 131.048 209.271 131.364C209.328 131.495 209.423 131.606 209.556 131.681C212.099 133.132 217.299 136.799 217.185 142.42C217.034 149.232 214.244 151.745 208.436 153.308C208.113 153.382 207.904 153.717 207.999 154.034C208.037 154.201 208.151 154.332 208.284 154.406C210.486 155.634 214.263 158.631 214.035 164.699C213.807 170.878 209.252 173.055 206.766 173.8C206.443 173.893 206.253 174.228 206.348 174.544C206.386 174.675 206.481 174.805 206.595 174.879C208.17 175.94 210.505 178.341 210.391 183.273C210.334 185.879 209.442 187.778 208.322 189.136C206.557 191.277 203.786 192.393 200.977 192.412L122.818 192.561C122.799 192.542 118.567 192.561 118.567 186.996V186.996Z"
          stroke="#986C9B"
          strokeWidth="9px"
          fill={hasLiked ? "#986C9B" : "white"}
        />
      </svg>
    );
  };
  