type StarsCoverProps = {
  strongColor: string;
  lightColor: string;
};

const StarsCover = ({ strongColor, lightColor }: StarsCoverProps) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="391"
      height="177"
      viewBox="0 0 391 177"
      fill="none"
    >
      <g clipPath="url(#clip0_1996_15596)">
        <path
          d="M150.628 25.9295L147.902 22.0726L147.849 22.006C147.762 21.9079 147.65 21.8308 147.525 21.7827C147.399 21.7346 147.264 21.7172 147.134 21.7323C147.004 21.7473 146.883 21.7943 146.783 21.8684C146.684 21.9425 146.61 22.0411 146.569 22.1541L145.058 26.2692L140.413 27.1941L140.335 27.2138C140.212 27.2523 140.105 27.321 140.025 27.4128C139.945 27.5047 139.894 27.6164 139.879 27.7365C139.863 27.8566 139.883 27.9808 139.936 28.0964C139.989 28.212 140.073 28.3148 140.181 28.3944L144.084 31.2885L143.937 35.7077L143.939 35.7836C143.949 35.9061 143.995 36.0263 144.071 36.1318C144.147 36.2374 144.251 36.3244 144.372 36.3841C144.493 36.4438 144.626 36.4739 144.759 36.4714C144.891 36.4689 145.018 36.4339 145.126 36.3699L149.052 34.0458L153.61 35.8624L153.693 35.8907C153.822 35.9271 153.957 35.932 154.084 35.9049C154.211 35.8777 154.325 35.8195 154.415 35.7361C154.505 35.6528 154.567 35.5473 154.595 35.4304C154.624 35.3134 154.618 35.1893 154.577 35.0706L153.099 30.7407L156.057 27.4337C156.143 27.338 156.196 27.22 156.21 27.0931C156.224 26.9662 156.199 26.8354 156.138 26.7156C156.076 26.5958 155.981 26.4918 155.862 26.4153C155.743 26.3388 155.606 26.2929 155.466 26.2827L150.628 25.9295Z"
          fill={strongColor}
        />
      </g>
      <g clipPath="url(#clip1_1996_15596)">
        <path
          d="M91.6717 96.6699L87.9203 93.8005L87.8501 93.7526C87.7379 93.6848 87.6079 93.6447 87.4736 93.6362C87.3392 93.6278 87.2053 93.6513 87.0855 93.7045C86.9657 93.7577 86.8643 93.8386 86.7916 93.9389C86.7189 94.0392 86.6776 94.1554 86.6719 94.2755L86.4558 98.6539L82.2978 100.921L82.2288 100.963C82.1231 101.036 82.0414 101.134 81.9923 101.245C81.9431 101.357 81.9282 101.478 81.949 101.598C81.9698 101.717 82.0256 101.83 82.1107 101.924C82.1959 102.019 82.3072 102.092 82.4333 102.136L87.0216 103.735L88.1979 107.998L88.2224 108.07C88.269 108.183 88.3484 108.284 88.4525 108.363C88.5565 108.441 88.6816 108.493 88.8147 108.514C88.9478 108.535 89.0843 108.524 89.2101 108.482C89.3358 108.44 89.4464 108.369 89.5304 108.275L92.5855 104.887L97.4779 105.263L97.5656 105.265C97.6998 105.262 97.83 105.226 97.9429 105.162C98.0558 105.099 98.1474 105.009 98.2083 104.903C98.2692 104.797 98.2973 104.677 98.2897 104.557C98.2821 104.437 98.239 104.32 98.1649 104.219L95.4641 100.526L97.3023 96.4883C97.3556 96.3713 97.371 96.2429 97.3468 96.1175C97.3226 95.9921 97.2597 95.8747 97.1653 95.7787C97.0709 95.6827 96.9487 95.6119 96.8126 95.5742C96.6764 95.5366 96.5318 95.5336 96.395 95.5657L91.6717 96.6699Z"
          fill={strongColor}
        />
      </g>
      <path
        d="M144.156 68.8848L134.886 63.5765L137.324 61.1322L146.772 66.2629L144.156 68.8848Z"
        fill={lightColor}
      />
      <path
        d="M55.2988 130.403L44.698 127.831L46.2192 124.841L56.9305 127.197L55.2988 130.403Z"
        fill={lightColor}
      />
      <ellipse
        cx="116.276"
        cy="6.23738"
        rx="5.01472"
        ry="4.57039"
        fill={strongColor}
      />
      <ellipse
        cx="4.97353"
        cy="4.61599"
        rx="4.97353"
        ry="4.61599"
        transform="matrix(0.962485 -0.271336 0.32664 0.945149 29.2432 55.6797)"
        fill={strongColor}
      />
      <ellipse
        cx="4.97353"
        cy="4.61599"
        rx="4.97353"
        ry="4.61599"
        transform="matrix(0.962485 -0.271335 0.32664 0.945149 0.5 120.336)"
        fill={strongColor}
      />
      <ellipse
        cx="91.6949"
        cy="60.9786"
        rx="2.50736"
        ry="2.28519"
        fill={strongColor}
      />
      <ellipse
        cx="2.48677"
        cy="2.308"
        rx="2.48677"
        ry="2.308"
        transform="matrix(0.962485 -0.271336 0.32664 0.945149 50.8379 94.6299)"
        fill={strongColor}
      />
      <path
        d="M183.872 41.8535L193.143 36.5453L190.704 34.1009L181.257 39.2316L183.872 41.8535Z"
        fill={lightColor}
      />
      <path
        d="M129.135 107.34L136.233 99.7779L133.099 98.1008L125.773 105.541L129.135 107.34Z"
        fill={lightColor}
      />
      <ellipse
        cx="2.50732"
        cy="2.28519"
        rx="2.50732"
        ry="2.28519"
        transform="matrix(-1 0 0 1 162.449 81.6543)"
        fill={strongColor}
      />
      <ellipse
        cx="2.50732"
        cy="2.2852"
        rx="2.50732"
        ry="2.2852"
        transform="matrix(-1 0 0 1 195.5 0)"
        fill={strongColor}
      />
      <ellipse
        cx="2.48673"
        cy="2.308"
        rx="2.48673"
        ry="2.308"
        transform="matrix(-0.962485 0.271335 0.32664 0.945149 132.627 127.848)"
        fill={strongColor}
      />
      <ellipse
        cx="2.48673"
        cy="2.30799"
        rx="2.48673"
        ry="2.30799"
        transform="matrix(-0.962485 0.271335 0.32664 0.945149 94.2061 135.066)"
        fill={strongColor}
      />
      <path
        d="M77.436 30.3323L83.1907 40.9555L89.1134 33.9203L77.436 30.3323Z"
        fill={lightColor}
      />
      <path
        d="M16.9285 94.6294L25.9265 103.221L29.2593 94.912L16.9285 94.6294Z"
        fill={lightColor}
      />
      <g clipPath="url(#clip2_1996_15596)">
        <path
          d="M245.039 28.2286L247.767 24.368L247.82 24.3013C247.907 24.203 248.02 24.1259 248.145 24.0778C248.271 24.0296 248.406 24.0122 248.537 24.0273C248.667 24.0424 248.788 24.0894 248.887 24.1636C248.987 24.2377 249.061 24.3364 249.102 24.4495L250.614 28.5687L255.264 29.4944L255.342 29.5142C255.465 29.5528 255.572 29.6215 255.652 29.7134C255.732 29.8054 255.783 29.9172 255.799 30.0374C255.814 30.1576 255.795 30.282 255.742 30.3977C255.688 30.5134 255.604 30.6163 255.496 30.6959L251.589 33.5929L251.737 38.0165L251.735 38.0925C251.724 38.2151 251.678 38.3354 251.602 38.441C251.526 38.5467 251.422 38.6338 251.301 38.6935C251.18 38.7533 251.046 38.7834 250.914 38.7809C250.781 38.7784 250.654 38.7434 250.546 38.6793L246.616 36.3529L242.054 38.1713L241.971 38.1997C241.841 38.2361 241.706 38.241 241.579 38.2138C241.452 38.1866 241.338 38.1284 241.248 38.0449C241.158 37.9615 241.096 37.8559 241.068 37.7389C241.039 37.6218 241.045 37.4976 241.086 37.3787L242.565 33.0446L239.604 29.7343C239.519 29.6385 239.466 29.5204 239.451 29.3933C239.437 29.2663 239.462 29.1354 239.524 29.0155C239.585 28.8956 239.681 28.7915 239.8 28.7149C239.919 28.6383 240.056 28.5924 240.196 28.5822L245.039 28.2286Z"
          fill={strongColor}
        />
      </g>
      <g clipPath="url(#clip3_1996_15596)">
        <path
          d="M294.278 98.1402L298.033 95.268L298.104 95.22C298.216 95.1522 298.346 95.112 298.481 95.1036C298.615 95.0951 298.749 95.1187 298.869 95.1719C298.989 95.2251 299.091 95.3061 299.163 95.4065C299.236 95.5069 299.277 95.6232 299.283 95.7435L299.499 100.126L303.662 102.395L303.731 102.437C303.836 102.511 303.918 102.608 303.967 102.72C304.017 102.832 304.032 102.953 304.011 103.073C303.99 103.192 303.934 103.305 303.849 103.4C303.764 103.494 303.652 103.567 303.526 103.611L298.933 105.213L297.756 109.479L297.731 109.551C297.685 109.665 297.605 109.766 297.501 109.844C297.397 109.923 297.272 109.975 297.138 109.996C297.005 110.017 296.868 110.006 296.742 109.964C296.617 109.922 296.506 109.851 296.422 109.757L293.364 106.366L288.466 106.742L288.379 106.744C288.244 106.74 288.114 106.705 288.001 106.641C287.888 106.577 287.796 106.488 287.735 106.381C287.674 106.275 287.646 106.155 287.654 106.035C287.662 105.915 287.705 105.798 287.779 105.697L290.482 102L288.642 97.9584C288.589 97.8413 288.574 97.7128 288.598 97.5873C288.622 97.4617 288.685 97.3443 288.779 97.2482C288.874 97.1521 288.996 97.0812 289.132 97.0435C289.269 97.0058 289.414 97.0028 289.55 97.0349L294.278 98.1402Z"
          fill={strongColor}
        />
      </g>
      <path
        d="M237.075 68.7061L246.364 63.3978L243.921 60.9535L234.455 66.0842L237.075 68.7061Z"
        fill={lightColor}
      />
      <path
        d="M343.636 127.669L354.257 125.097L352.733 122.107L342.001 124.462L343.636 127.669Z"
        fill={lightColor}
      />
      <ellipse
        cx="5.09929"
        cy="4.60556"
        rx="5.09929"
        ry="4.60556"
        transform="matrix(-1 0 0 1 267.518 1.59668)"
        fill={strongColor}
      />
      <ellipse
        cx="4.98262"
        cy="4.61697"
        rx="4.98262"
        ry="4.61697"
        transform="matrix(-0.962624 -0.270841 -0.327215 0.94495 333.6 42.9648)"
        fill={strongColor}
      />
      <ellipse
        cx="4.98262"
        cy="4.61696"
        rx="4.98262"
        ry="4.61696"
        transform="matrix(-0.962624 -0.270841 -0.327215 0.94495 390.5 120.34)"
        fill={strongColor}
      />
      <ellipse
        cx="2.49131"
        cy="2.30848"
        rx="2.49131"
        ry="2.30848"
        transform="matrix(-0.962624 -0.270841 -0.327215 0.94495 339.601 89.7705)"
        fill={strongColor}
      />
      <path
        d="M215.52 10.1904L206.231 4.8822L208.674 2.43785L218.14 7.56855L215.52 10.1904Z"
        fill={lightColor}
      />
      <path
        d="M195.875 60.4082L190.09 68.84L187.351 66.6652L192.937 58.0755L195.875 60.4082Z"
        fill={lightColor}
      />
      <path
        d="M252.126 107.161L245.014 99.5992L248.154 97.9221L255.494 105.362L252.126 107.161Z"
        fill={lightColor}
      />
      <ellipse
        cx="221.03"
        cy="83.8672"
        rx="2.26635"
        ry="2.55865"
        fill={strongColor}
      />
      <ellipse
        cx="2.49128"
        cy="2.30848"
        rx="2.49128"
        ry="2.30848"
        transform="matrix(0.962624 0.27084 -0.327216 0.94495 248.628 127.669)"
        fill={strongColor}
      />
      <ellipse
        cx="2.49128"
        cy="2.30848"
        rx="2.49128"
        ry="2.30848"
        transform="matrix(0.962624 0.27084 -0.327216 0.94495 297.277 132.032)"
        fill={strongColor}
      />
      <ellipse
        cx="2.49126"
        cy="2.30848"
        rx="2.49126"
        ry="2.30848"
        transform="matrix(0.962624 0.270841 -0.327214 0.94495 282.332 57.5518)"
        fill={strongColor}
      />
      <path
        d="M307.541 21.9436L301.775 32.5668L295.84 25.5317L307.541 21.9436Z"
        fill={lightColor}
      />
      <path
        d="M364.571 72.5727L355.555 81.1648L352.216 72.8554L364.571 72.5727Z"
        fill={lightColor}
      />
      <defs>
        <clipPath id="clip0_1996_15596">
          <rect
            width="17.31"
            height="17.3073"
            fill="white"
            transform="matrix(0.456865 0.889536 -0.935096 0.354394 152.861 18.7646)"
          />
        </clipPath>
        <clipPath id="clip1_1996_15596">
          <rect
            width="17.31"
            height="17.3073"
            fill="white"
            transform="matrix(0.701157 0.713007 -0.78703 0.616915 91.6689 89.166)"
          />
        </clipPath>
        <clipPath id="clip2_1996_15596">
          <rect
            width="17.327"
            height="17.3243"
            fill="white"
            transform="matrix(-0.456865 0.889536 0.935096 0.354394 242.804 21.0576)"
          />
        </clipPath>
        <clipPath id="clip3_1996_15596">
          <rect
            width="17.327"
            height="17.3243"
            fill="white"
            transform="matrix(-0.701157 0.713007 0.78703 0.616915 294.281 90.6279)"
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export default StarsCover;