import React, { SVGProps } from "react";

const StarmoonLogo: React.FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg
    id="Layer_2"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 169.121 169.1211"
    {...props}
  >
    <defs>
      <style>
        {`.cls-1 {
          fill: #fff;
          stroke: #fff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 2px;
        }

        .cls-2 {
          fill: #ffc038;
        }

        .cls-3 {
          fill: #ffd358;
        }

        .cls-4 {
          clip-path: url(#clippath);
        }`}
      </style>
      <clipPath id="clippath">
        <path
          className="cls-3"
          d="M84.5606,0c-6.9124,0-13.6237.8486-20.0545,2.4133,37.0173,9.0068,64.506,42.3582,64.506,82.1473s-27.4887,73.1405-64.506,82.1472c6.4308,1.5647,13.1421,2.4133,20.0545,2.4133,46.7014,0,84.5604-37.8591,84.5604-84.5605S131.262,0,84.5606,0Z"
        />
      </clipPath>
    </defs>
    <g id="Layer_8">
      <g>
        <g>
          <circle
            cx="84.5605"
            cy="84.5606"
            r="84.5605"
            transform="translate(-35.0262 84.5605) rotate(-45)"
          />
          <g>
            <path
              className="cls-3"
              d="M84.5606,0c-6.9124,0-13.6237.8486-20.0545,2.4133,37.0173,9.0068,64.506,42.3582,64.506,82.1473s-27.4887,73.1405-64.506,82.1472c6.4308,1.5647,13.1421,2.4133,20.0545,2.4133,46.7014,0,84.5604-37.8591,84.5604-84.5605S131.262,0,84.5606,0Z"
            />
            <g className="cls-4">
              <circle className="cls-2" cx="84.5605" cy="84.5606" r="84.5605" />
            </g>
          </g>
        </g>
        <path
          className="cls-1"
          d="M93.0608,93.2918c-27.7719,6.8009-33.2855,12.3138-40.0864,40.0859-6.8009-27.772-12.3138-33.285-40.0859-40.0859,27.772-6.8009,33.2849-12.3138,40.0859-40.0858,6.8009,27.7719,12.3145,33.2848,40.0864,40.0858Z"
        />
        <path
          className="cls-1"
          d="M108.5626,52.2841c-11.3849,2.788-13.6451,5.048-16.4331,16.4328-2.788-11.3849-5.048-13.6449-16.4328-16.4328,11.3849-2.788,13.6449-5.048,16.4328-16.4328,2.788,11.3849,5.0482,13.6448,16.4331,16.4328Z"
        />
      </g>
    </g>
  </svg>
);

export default StarmoonLogo;