import * as React from "react";

const SvgIcon = (props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1803"
    height="488"
    fill="none"
    viewBox="0 0 1803 488"
  >
    <g fill="#245527" clipPath="url(#a)">
      <circle cx="200" cy="144" r="100" fillOpacity="0.7"></circle>
      <circle cx="100" cy="244" r="100" fillOpacity="0.7"></circle>
      <circle cx="300" cy="244" r="100" fillOpacity="0.7"></circle>
      <circle cx="270.71" cy="314.71" r="100" fillOpacity="0.7"></circle>
      <circle cx="129.29" cy="314.71" r="100" fillOpacity="0.7"></circle>
      <circle cx="200" cy="344" r="100" fillOpacity="0.7"></circle>
      <circle cx="129.29" cy="173.29" r="100" fillOpacity="0.7"></circle>
      <circle cx="270.71" cy="173.29" r="100" fillOpacity="0.7"></circle>
      <path d="M620.4 387 498 107h56.4l109.2 253.2h-32.4L741.6 107h52l-122 280zm291.138-163.6h139.202v42.8H911.538zm4 120h158.002V387H863.538V107h204.402v43.6H915.538zM1171.51 387V107h122.4c30.4 0 57.06 5.867 80 17.6 22.93 11.733 40.8 28 53.6 48.8q19.2 31.2 19.2 73.6 0 42-19.2 73.6c-12.8 20.8-30.67 37.067-53.6 48.8-22.94 11.733-49.6 17.6-80 17.6zm52-44h68c21.06 0 39.2-4 54.4-12 15.46-8 27.33-19.2 35.6-33.6 8.53-14.4 12.8-31.2 12.8-50.4 0-19.467-4.27-36.267-12.8-50.4-8.27-14.4-20.14-25.6-35.6-33.6-15.2-8-33.34-12-54.4-12h-68zm274.96 44 126-280h51.2l126.4 280h-54.4l-108.4-252.4h20.8l-108 252.4zm58-64.8 14-40.8h151.2l14 40.8z"></path>
    </g>
    <defs>
      <clipPath id="a">
        <path fill="#fff" d="M0 0h1803v488H0z"></path>
      </clipPath>
    </defs>
  </svg>
);

export function Logo(props) {
  return (
    <div className="bg-transparent px-2 py-1 rounded">
      <SvgIcon {...props} />
    </div>
  );
}
