const svg = ( <svg width="126" height="85" viewBox="0 0 126 85" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M61.3065 18.3587C63.4036 18.3587 65.4362 18.6491 67.372 19.1814L68.8078 15.1001C77.0833 18.0199 81.1485 26.1987 81.7938 32.845L80.4065 33.0386L80.1 32.3772C79.5999 31.2641 78.9869 30.1994 78.2932 29.1992C77.5834 28.1991 76.793 27.2473 75.9219 26.3923C74.0183 24.4726 71.7437 22.9401 69.2272 21.8916C66.7913 20.8914 64.1134 20.3268 61.3065 20.3268C58.4996 20.3268 55.8378 20.8914 53.402 21.8916C51.079 22.8595 48.9819 24.2307 47.1751 25.9245C46.5621 25.5535 45.9007 25.2792 45.207 25.0856L45.3038 24.9888C47.3848 22.9079 49.8852 21.2302 52.6599 20.0687C55.3216 18.9717 58.2576 18.3587 61.3065 18.3587Z" fill="#00EC97" /> <path d="M61.1761 26.5697C61.6924 26.5213 62.2086 26.5051 62.7248 26.5051C64.1283 26.5213 65.5156 26.731 66.8223 27.1343C68.6613 27.6989 70.3712 28.6184 71.8231 29.8283C72.42 30.3122 72.9846 30.8446 73.5008 31.4414C74.017 32.0222 74.4848 32.6513 74.9043 33.3127L75.5979 34.4097L74.3074 34.6678L74.2267 34.6839L74.1299 34.7L73.5331 34.8291L73.1943 34.2968C72.8394 33.7483 72.4361 33.2159 72.0005 32.7158C71.565 32.2319 71.0972 31.7641 70.5809 31.3446C69.3065 30.2961 67.8386 29.5056 66.2415 29.0217C65.0962 28.6668 63.8701 28.4732 62.6119 28.4732L62.3215 31.0381C59.8533 30.1832 54.2072 30.9252 51.9811 32.006L51.4648 31.4737C52.9974 29.8605 54.9977 28.4409 57.0626 27.586C58.337 27.0697 59.7243 26.7148 61.1761 26.5697Z" fill="#00EC97" /> <path d="M20.9139 37.8291L23.871 46.1463L26.8281 37.8291H29.2421L32.1992 46.1463L35.1562 37.8291H37.5702L33.4061 49.5188H30.9922L28.0351 41.2222L25.078 49.5188H22.6641L18.5 37.8291H20.9139ZM41.513 49.8084C39.9439 49.8084 38.7973 49.4567 38.0932 48.7325C37.369 47.9877 37.027 46.8705 37.027 45.3394C37.027 43.8291 37.369 42.6912 38.0932 41.967C38.7973 41.2429 39.9439 40.8705 41.513 40.8705C43.1223 40.8705 44.2689 41.2429 44.973 41.967C45.677 42.6912 46.0391 43.8291 46.0391 45.3394V46.0843H39.2398C39.3002 47.2429 40.0646 47.8429 41.513 47.8843C42.8406 47.8843 43.6654 47.5119 44.0074 46.767L45.8782 47.4912C45.335 49.0429 43.8666 49.8084 41.513 49.8084ZM43.8263 44.5946C43.766 43.4567 43.0016 42.8567 41.513 42.8153C40.0445 42.8567 39.2801 43.4567 39.2398 44.5946H43.8263ZM51.9131 40.8912C50.6658 40.8912 49.8612 41.2222 49.4388 41.9257V37.8291H47.2662V49.5188H49.2979V48.4429C49.8008 49.3532 50.6256 49.8084 51.7521 49.8084C53.12 49.8084 54.146 49.4774 54.85 48.7739C55.5742 48.0498 55.9363 46.9119 55.9363 45.3394C55.9363 43.8498 55.6144 42.7325 54.9305 42.0291C54.2264 41.2636 53.2206 40.8912 51.9131 40.8912ZM49.4388 45.2981C49.4589 44.4084 49.5997 43.8291 49.8813 43.5394C50.1629 43.2291 50.7262 43.0636 51.5912 43.0636C52.4964 43.0636 53.0798 43.2291 53.3614 43.5808C53.6229 43.8498 53.7436 44.4498 53.7436 45.3394C53.7436 46.2705 53.6028 46.8705 53.3212 47.1601C53.0597 47.4912 52.4763 47.636 51.5912 47.636C50.7262 47.636 50.1629 47.4912 49.8813 47.1601C49.5997 46.8705 49.4589 46.2912 49.4388 45.4015V45.2981ZM65.5519 39.9808H59.4566V42.5877H64.4656V44.6981H59.4566V49.5188H57.1634V37.8291H65.5519V39.9808ZM70.3797 49.8291C71.6068 49.8291 72.492 49.3739 72.9949 48.4429V49.5188H75.0266V41.1808H72.8339V45.4015C72.8339 46.2912 72.6931 46.8912 72.4115 47.2015C72.1299 47.4912 71.5666 47.6774 70.6815 47.7394C69.7964 47.6774 69.213 47.4912 68.9314 47.1808C68.6699 46.8705 68.5291 46.2498 68.5291 45.3601V41.1808H66.3364V45.3601C66.3364 46.8498 66.6784 47.967 67.3623 48.6912C68.0664 49.4567 69.0722 49.8291 70.3797 49.8291ZM78.6073 47.0153C78.6073 47.6567 79.2711 47.9877 80.6189 48.0705C81.9868 48.0084 82.6909 47.6981 82.6909 47.1188C82.6909 46.7463 82.4897 46.5188 82.0874 46.4774C81.8862 46.4153 80.9005 46.2705 79.1504 46.0222C77.4003 45.7946 76.475 45.0498 76.4146 43.8084V43.6843C76.4146 42.6291 76.8371 41.8636 77.7222 41.4084C78.3659 41.0567 79.3315 40.8912 80.5988 40.8912C81.8259 40.8912 82.7512 41.036 83.395 41.367C84.3203 41.8222 84.783 42.5877 84.783 43.6843H82.5903C82.5903 43.0636 81.9265 42.7325 80.5988 42.6705C79.2711 42.7325 78.6073 43.0636 78.6073 43.6636C78.6073 44.1394 79.6131 44.4498 81.6046 44.5532C83.5961 44.6774 84.6623 45.505 84.783 47.0153C84.783 48.1119 84.3203 48.8981 83.395 49.3532C82.7512 49.6636 81.8259 49.8084 80.5988 49.8084C79.3717 49.8084 78.4464 49.6636 77.8026 49.3532C76.8773 48.8981 76.4146 48.1119 76.4146 47.0153H78.6073ZM88.3637 37.8291V40.0843H86.171V37.8291H88.3637ZM88.3637 41.1808V49.5188H86.171V41.1808H88.3637ZM94.0968 40.8912C95.6457 40.8912 96.7924 41.2222 97.4763 41.9257C98.2206 42.6498 98.5827 43.7877 98.5827 45.3394C98.5827 46.9119 98.2206 48.0498 97.4763 48.7739C96.7924 49.4774 95.6457 49.8084 94.0968 49.8084C92.5277 49.8084 91.4012 49.4774 90.6971 48.7739C89.9528 48.0498 89.5907 46.9119 89.5907 45.3394C89.5907 43.8498 89.9327 42.7325 90.5966 42.0291C91.3207 41.2636 92.4674 40.8912 94.0968 40.8912ZM95.9877 43.4774C95.7061 43.1463 95.0624 42.9808 94.0968 42.9808C93.091 42.9808 92.4674 43.1463 92.1857 43.4774C91.9242 43.8291 91.7834 44.4498 91.7834 45.3394C91.7834 46.2705 91.9242 46.8912 92.2059 47.2222C92.4875 47.5532 93.1111 47.7188 94.0968 47.7188C95.0624 47.7188 95.7061 47.5532 95.9877 47.2222C96.2492 46.8912 96.39 46.2705 96.39 45.3394C96.39 44.4291 96.2492 43.8084 95.9877 43.4774ZM104.477 40.8912C103.23 40.8912 102.365 41.3463 101.842 42.2567V41.1808H99.8098V49.5188H102.002V45.2981C102.002 44.4084 102.163 43.8291 102.425 43.5394C102.707 43.2705 103.29 43.1463 104.155 43.1463C105.06 43.1463 105.643 43.2912 105.905 43.5808C106.167 43.8498 106.307 44.4498 106.307 45.3394V49.5188H108.5V45.3394C108.5 43.8498 108.158 42.7325 107.494 42.0291C106.77 41.2636 105.784 40.8912 104.477 40.8912Z" fill="black" /> <path d="M67.929 59.8625C67.4289 60.0077 66.9288 60.1206 66.4287 60.2174C65.0253 60.4755 63.638 60.5078 62.2829 60.3626C60.3632 60.1529 58.5242 59.556 56.8626 58.6527C56.1851 58.2816 55.5398 57.8622 54.9107 57.3621C54.2977 56.8943 53.7331 56.362 53.2007 55.7973L52.3135 54.8456L53.5234 54.3616L53.604 54.3294L53.6847 54.2971L54.2493 54.0551L54.6848 54.5068C55.1365 54.9908 55.6205 55.4263 56.1528 55.8296C56.669 56.2329 57.2175 56.6039 57.7983 56.9266C59.2501 57.717 60.8472 58.2171 62.4926 58.4107C63.6863 58.5397 64.9285 58.4913 66.1706 58.2655L65.9771 55.6844C68.5581 56.0716 73.9784 54.281 75.9465 52.8291L76.5756 53.2485C75.3496 55.1198 73.6558 56.8782 71.7845 58.1042C70.623 58.8624 69.3325 59.4592 67.929 59.8625Z" fill="#00EC97" /> <path d="M65.291 68.2531C63.1939 68.2531 61.1613 67.9627 59.2255 67.4304L57.7898 71.5117C49.5142 68.5919 45.449 60.4131 44.8037 53.7668L46.191 53.5732L46.4975 54.2346C46.9976 55.3477 47.6106 56.4124 48.3043 57.4126C49.0141 58.4128 49.8045 59.3645 50.6757 60.2195C52.5792 62.1392 54.8538 63.6717 57.3703 64.7203C59.8062 65.7204 62.4841 66.285 65.291 66.285C68.0979 66.285 70.7597 65.7204 73.1956 64.7203C75.7121 63.6717 77.9867 62.1392 79.9064 60.2195C80.0677 60.0582 80.229 59.8807 80.3903 59.7194C80.9388 60.1066 81.5518 60.4292 82.1971 60.6712C81.9067 60.9938 81.6002 61.3165 81.2937 61.623C79.2127 63.704 76.7123 65.3817 73.9376 66.5432C71.2759 67.6401 68.3399 68.2531 65.291 68.2531Z" fill="#00EC97" /> </svg> ); const Root = styled.div` display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: space-between; .logo { cursor: pointer; transition: 0.5s ease-in-out; } .logo:hover { opacity: 0.6; } `; return ( <Root> <div className="logo">{svg}</div> <Widget src="agwaze.near/widget/WebFusion.Custom.Button" /> </Root> );