text: import React from "react";
  import PropTypes from "prop-types";
  
  const UndrawTrackAndField = props => (
    <svg
      style={{height:props.height, width:'100%'}}
      className={props.class}
      id="eaf2d989-45f6-4b5a-b963-815c55e353a4"
      data-name="Layer 1"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 997 808"
    >
      <defs>
        <linearGradient
          id="2f4d485d-57ea-446e-b436-4d82ba75f353"
          x1={570.56}
          y1={454}
          x2={570.56}
          y2={63.07}
          gradientUnits="userSpaceOnUse"
        >
          <stop offset={0} stopColor="gray" stopOpacity={0.25} />
          <stop offset={0.54} stopColor="gray" stopOpacity={0.12} />
          <stop offset={1} stopColor="gray" stopOpacity={0.1} />
        </linearGradient>
      </defs>
      <title>track and field</title>
      <path
        d="M362.14,46.9c93,12.73,168.51,101.25,252.3,156.49,18.67,12.31,38.24,23.15,58.93,26.36,68.54,10.64,131.74-63.09,200.6-57.07,55.81,4.88,103.14,64,123.22,133.54s17,147.32,5.85,220.32c-17.46,114-56.14,226.15-123.47,300.3-11.11,12.24-23.52,23.69-37.79,26.47C818,858,795.95,837.85,775.37,821.19c-92.88-75.22-210.3-94.32-314-51.08-35.12,14.64-68.71,36-104.65,46.54-69.21,20.26-147.53-5.34-194.52-76s-54.63-186.8-9.86-260c18.69-30.55,44.45-52.12,64.07-81.6,49.3-74,31.1-148.82,25-235.6C235.4,77.94,307.81,39.47,362.14,46.9Z"
        transform="translate(-101.5 -46)"
        fill={props.primaryColor}
        opacity={0.1}
      />
      <g opacity={0.2}>
        <path
          d="M784.88,591s27.51,27.51,12,68.33,26.62,108.7,26.62,108.7l-1.29-.21c-56.5-10-84.57-74.59-53.15-122.59C780.72,627.42,790.31,606.48,784.88,591Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M784.88,591.5s27.51,27.51,12,68.33,26.62,108.7,26.62,108.7l-1.29-.21c-56.5-10-84.57-74.59-53.15-122.59C780.72,627.87,790.31,606.94,784.88,591.5Z"
          transform="translate(-101.5 -46)"
          opacity={0.1}
        />
        <path
          d="M784.88,591s15.53,33.72,0,61.23-2.66,104.71,38.6,115.8"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
        <path
          d="M735.89,702.3s31.39-5,34.25,23.13,60.36,32,60.36,32l-1.08.72c-47.48,31.17-92.86,19.85-86-21.53C745.95,721.27,745.74,705.81,735.89,702.3Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M735.89,702.3s24.37,5.35,22.36,27.5,36.18,48.71,72.25,27.66"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
      </g>
      <g opacity={0.2}>
        <path
          d="M458.6,547.68s22.86,22.86,10,56.77,22.12,90.32,22.12,90.32l-1.07-.18c-46.94-8.29-70.27-62-44.17-101.86C455.14,577.9,463.11,560.51,458.6,547.68Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M458.6,548.06s22.86,22.86,10,56.77,22.12,90.32,22.12,90.32L489.6,695c-46.94-8.29-70.27-62-44.17-101.86C455.14,578.28,463.11,560.89,458.6,548.06Z"
          transform="translate(-101.5 -46)"
          opacity={0.1}
        />
        <path
          d="M458.6,547.68s12.9,28,0,50.87-2.21,87,32.07,96.22"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
        <path
          d="M417.89,640.13S444,636,446.35,659.35,496.5,686,496.5,686l-.9.6c-39.45,25.9-77.16,16.5-71.47-17.89C426.24,655.88,426.07,643,417.89,640.13Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M417.89,640.13s20.24,4.44,18.58,22.85,30.06,40.48,60,23"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
      </g>
      <g opacity={0.2}>
        <path
          d="M362.6,403.68s22.86,22.86,10,56.77,22.12,90.32,22.12,90.32l-1.07-.18c-46.94-8.29-70.27-62-44.17-101.86C359.14,433.9,367.11,416.51,362.6,403.68Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M362.6,404.06s22.86,22.86,10,56.77,22.12,90.32,22.12,90.32L393.6,551c-46.94-8.29-70.27-62-44.17-101.86C359.14,434.28,367.11,416.89,362.6,404.06Z"
          transform="translate(-101.5 -46)"
          opacity={0.1}
        />
        <path
          d="M362.6,403.68s12.9,28,0,50.87-2.21,87,32.07,96.22"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
        <path
          d="M321.89,496.13S348,492,350.35,515.35,400.5,542,400.5,542l-.9.6c-39.45,25.9-77.16,16.5-71.47-17.89C330.24,511.88,330.07,499,321.89,496.13Z"
          transform="translate(-101.5 -46)"
          fill={props.primaryColor}
        />
        <path
          d="M321.89,496.13s20.24,4.44,18.58,22.85,30.06,40.48,60,23"
          transform="translate(-101.5 -46)"
          fill="none"
          stroke="#535461"
          strokeMiterlimit={10}
        />
      </g>
      <polygon
        points="14.76 592.38 14.76 578.75 294.05 500.42 344 494.74 344 507.23 65.85 607.13 14.76 592.38"
        fill="#dfe5ee"
      />
      <polygon
        points="14.76 592.38 14.76 578.75 294.05 500.42 344 494.74 344 507.23 65.85 607.13 14.76 592.38"
        opacity={0.05}
      />
      <polygon
        points="14.76 578.75 294.05 486.79 342.87 494.74 65.85 593.51 14.76 578.75"
        fill="#dfe5ee"
      />
      <rect x={57.9} y={370.99} width={18.17} height={211.17} fill="#dfe5ee" />
      <rect x={275.88} y={322.17} width={18.17} height={185.06} fill="#dfe5ee" />
      <polygon
        points="339.46 264.27 339.46 321.04 112.67 371.7 85.84 377.7 19.3 392.56 0 386.88 0 321.04 102.91 301.42 128.52 296.54 315.62 260.87 339.46 264.27"
        fill="#dfe5ee"
      />
      <polygon
        points="339.46 264.27 339.46 321.04 112.67 371.7 85.84 377.7 19.3 392.56 0 386.88 0 321.04 102.91 301.42 128.52 296.54 315.62 260.87 339.46 264.27"
        opacity={0.05}
      />
      <polygon
        points="76.07 370.99 76.07 382.15 57.9 386.21 57.9 370.99 76.07 370.99"
        opacity={0.05}
      />
      <polygon
        points="294.05 322.17 294.05 333.46 275.88 337.51 275.88 322.17 294.05 322.17"
        opacity={0.05}
      />
      <polygon
        points="339.46 264.27 339.46 321.04 247.38 341.61 220.6 347.59 112.67 371.7 85.84 377.7 19.3 392.56 20.44 327.85 112.91 309.42 138.78 304.27 138.79 304.27 244.5 283.2 270.32 278.05 339.46 264.27"
        fill="#dfe5ee"
      />
      <polygon
        points="138.79 304.27 112.67 371.7 85.84 377.7 112.91 309.42 102.91 301.42 128.52 296.54 138.78 304.27 138.79 304.27"
        fill={props.primaryColor}
      />
      <polygon
        points="271.62 279.03 247.38 341.61 220.6 347.59 245.74 284.18 244.5 283.2 235.74 276.18 261.35 271.3 270.32 278.05 271.61 279.03 271.62 279.03"
        fill={props.primaryColor}
      />
      <polygon
        points="61.88 578.47 80.04 574.21 80.04 578.47 61.88 582.73 61.88 578.47"
        opacity={0.05}
      />
      <polygon
        points="278.72 503.54 296.88 499.28 296.88 503.54 278.72 507.8 278.72 503.54"
        opacity={0.05}
      />
      <path
        d="M761.23,394.51c-28.95,15.25-58.92-2-58.92-2a19.07,19.07,0,0,1-1.61,2.52c-.37-.28-.75-.57-1.13-.88-12.44-10.17-26.21-34.18-26.21-34.18l-26.83-50.31a78.52,78.52,0,0,1-7.37-19.19c-4.42-19.18-18.53-20-18.53-20H604.1c-8,0-19.56,1.68-31,4a2.1,2.1,0,0,0,.57-1.14l-.55.11,6.14-6s17.57-7.12,19.64-22.37l9.3-9.15s.3-.8.72-2.21l3.09-3.89c13.46-16.85,14.43-17.13,14.43-17.13l40.81-24.15s14.65-2.08,8.54-43.05-2-46-2-46,11.1-41.05-10.18-35.94-11.66,40.2-11.66,40.2l1.48,7.75a74.2,74.2,0,0,1-.3,29.35c-2.21,10.45-4.68,23.36-4.06,26.44,1.09,5.37-11.2,12.17-11.2,12.17l-6.95,4.06a35.17,35.17,0,0,1-24.39,4.16l-.37-.56L602,184a12.05,12.05,0,0,0-.3,1.3L600,184l0,.1c0-.36,0-.7.08-1.08a53.88,53.88,0,0,1,2.69-11.28c.11-.34.25-.7.37-1A30.72,30.72,0,0,0,632,140.29a30,30,0,0,0-1.52-9.44,6.51,6.51,0,0,0,2.38,0c3.74-.6,7.71-2.52,9.65-5.83a10.7,10.7,0,0,0-.79-11.72,11.71,11.71,0,0,0-1.6-1.67c-3.55-4-9.49-5-14.21-7.69-4.49-2.53-7.9-6.57-12.08-9.58-7.9-5.71-18-7.43-27.64-9-4.14-.67-8.35-1.34-12.51-.79-5.26.7-10.1,3.33-14.22,6.62a12.8,12.8,0,0,0-3.59,3.95c-1.53,3-.86,6.52-1.13,9.84-.66,8.08-7,14.66-14,18.95-4.3,2.63-9,4.73-12.61,8.26s-5.74,9.1-3.49,13.56c1.19,2.36,3.54,4.33,3.56,7a7.84,7.84,0,0,1-1,3.34,48.67,48.67,0,0,1-9.59,13.5c-14.6-3.52-30.36,4.22-30.36,4.22l-47.55,2s-13.44-6.1-31,31.52-23.78,39.66-23.78,39.66-32,28.47-11.37,35.59,32-27.46,32-27.46L417,233.84s25.84-24.41,27.91-29.49,14.47-5.08,14.47-5.08l50.41,2a9.59,9.59,0,0,1,.12,1.23c.12,5.64-5.17,10-10.49,12.09-3.36,1.34-7.2,2.35-9.25,5.29s-1.56,7.21.5,10.21a13.42,13.42,0,0,0,2.19,2.43,20.53,20.53,0,0,0,7.72,5,35.81,35.81,0,0,0,7.51,2.08,76,76,0,0,1-4.25,12.6l2,.86-.66,1.76c-2.82,7.49-8.63,22.27-13.77,31.21-.05,0-9.34,7.88-16.55,15-5.51,5.42-18.79,57.6,20.07,58.54l8.87,6.54.18,0c7.89,11.14,33.94,29.44,33.94,29.44l-46.07,2.72a57.66,57.66,0,0,0-6.85.83q-1.13.2-2.26.45c-8.12,1.78-17.11,1.15-21.93.58-3.19-6-18-3.56-18-3.56s-2.07,30.51,1,47.79,14.47,6.1,14.47,6.1c-2.07-15.25,15-26.47,15-26.47h0c2.17-1.09,4.74-2.41,7.76-4,9.58-5.14,55.15,2.72,69.24,5.32a47.65,47.65,0,0,0,9.41.8c40.39-.66,29.9-20.36,29.9-20.36l-8.13-16a82.22,82.22,0,0,1-3.56-8.18c-7.18-19-18.34-29.46-26.89-35.06.46-.58.92-1.16,1.37-1.77,0,0-.68-.16-1.71-.47,7.22-3.69,12-6.64,12-6.64s47.55-28.47,45.49-21.35,10.34,34.57,33.08,53.89c.66.56,1.3,1.13,1.94,1.71l.62.57,1.27,1.2.69.67,1.18,1.18.66.68,1.25,1.34.5.54q.85.94,1.68,1.9l.36.43q.64.76,1.27,1.52l.57.71,1,1.28.58.75,1,1.31.52.69,1.16,1.61.28.38q.71,1,1.39,2l.34.51,1,1.51.42.65.89,1.4.39.62.93,1.53.27.44q1.21,2,2.3,4l.12.22.95,1.72.15.28.91,1.72.06.12a151.46,151.46,0,0,1,6.87,15.07,26.4,26.4,0,0,1-3.53.6c-6.2,27.46,10.34,27.46,10.34,27.46s61-9.15,83.74-32.54S761.23,394.51,761.23,394.51Z"
        transform="translate(-101.5 -46)"
        fill="url(#2f4d485d-57ea-446e-b436-4d82ba75f353)"
      />
      <path
        d="M540,342.5s25.14,6.52,37.68,40.22a81.56,81.56,0,0,0,3.45,8L589,406.5s10.15,19.37-28.92,20a45.36,45.36,0,0,1-9.1-.79c-13.63-2.55-57.71-10.28-67-5.23a172.92,172.92,0,0,1-16,8l-11-12,4-16s13.21,2.48,24.62-.07a55.86,55.86,0,0,1,8.81-1.26L539,396.5s-35-25-35-34S540,342.5,540,342.5Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M465,403.5s-11,17.94,11.49,21c0,0-16.49,11-14.49,26,0,0-11,11-14-6s-1-47-1-47S465,394.5,465,403.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.05}
      />
      <path
        d="M540,342.5s25.14,6.52,37.68,40.22a81.56,81.56,0,0,0,3.45,8L589,406.5s10.15,19.37-28.92,20a45.36,45.36,0,0,1-9.1-.79c-13.63-2.55-57.71-10.28-67-5.23a172.92,172.92,0,0,1-16,8l-11-12,4-16s13.21,2.48,24.62-.07a55.86,55.86,0,0,1,8.81-1.26L539,396.5s-35-25-35-34S540,342.5,540,342.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.05}
      />
      <path
        d="M462,418.5l4-16s13.21,2.48,24.62-.07a55.86,55.86,0,0,1,8.81-1.26L544,398.5s-35-25-35-34,36-20,36-20l.27.08A32.74,32.74,0,0,0,540,342.5s-36,11-36,20,35,34,35,34l-44.56,2.67a55.86,55.86,0,0,0-8.81,1.26c-11.41,2.55-24.62.07-24.62.07l-4,16,11,12s.74-.3,2.26-1Z"
        transform="translate(-101.5 -46)"
        opacity={0.05}
      />
      <path
        d="M465,403.5s-11,17.94,11.49,21c0,0-16.49,11-14.49,26,0,0-11,11-14-6s-1-47-1-47S465,394.5,465,403.5Z"
        transform="translate(-101.5 -46)"
        fill="#ffd97b"
      />
      <polygon
        points="333.76 647.38 333.76 633.75 613.05 555.42 663 549.74 663 562.23 384.85 662.13 333.76 647.38"
        fill="#dfe5ee"
      />
      <polygon
        points="333.76 647.38 333.76 633.75 613.05 555.42 663 549.74 663 562.23 384.85 662.13 333.76 647.38"
        opacity={0.05}
      />
      <polygon
        points="333.76 633.75 613.05 541.79 661.87 549.74 384.85 648.51 333.76 633.75"
        fill="#dfe5ee"
      />
      <rect x={376.9} y={425.99} width={18.17} height={211.17} fill="#dfe5ee" />
      <rect x={594.88} y={377.17} width={18.17} height={185.06} fill="#dfe5ee" />
      <polygon
        points="658.46 319.27 658.46 376.04 431.67 426.7 404.84 432.7 338.3 447.56 319 441.88 319 376.04 421.9 356.42 447.52 351.54 634.62 315.87 658.46 319.27"
        fill="#dfe5ee"
      />
      <polygon
        points="658.46 319.27 658.46 376.04 431.67 426.7 404.84 432.7 338.3 447.56 319 441.88 319 376.04 421.9 356.42 447.52 351.54 634.62 315.87 658.46 319.27"
        opacity={0.05}
      />
      <polygon
        points="395.07 425.99 395.07 437.15 376.9 441.21 376.9 425.99 395.07 425.99"
        opacity={0.05}
      />
      <polygon
        points="613.05 377.17 613.05 388.46 594.88 392.51 594.88 377.17 613.05 377.17"
        opacity={0.05}
      />
      <polygon
        points="658.46 319.27 658.46 376.04 566.38 396.61 539.6 402.59 431.67 426.7 404.84 432.7 338.3 447.56 339.44 382.85 431.91 364.42 457.78 359.27 457.79 359.27 563.5 338.2 589.32 333.05 658.46 319.27"
        fill="#dfe5ee"
      />
      <polygon
        points="457.79 359.27 431.67 426.7 404.84 432.7 431.91 364.42 421.9 356.42 447.52 351.54 457.78 359.27 457.79 359.27"
        fill={props.primaryColor}
      />
      <polygon
        points="590.62 334.03 566.38 396.61 539.6 402.59 564.74 339.18 563.5 338.2 554.74 331.18 580.35 326.3 589.32 333.05 590.61 334.03 590.62 334.03"
        fill={props.primaryColor}
      />
      <polygon
        points="380.88 633.47 399.04 629.21 399.04 633.47 380.88 637.73 380.88 633.47"
        opacity={0.05}
      />
      <polygon
        points="597.72 558.54 615.88 554.28 615.88 558.54 597.72 562.79 597.72 558.54"
        opacity={0.05}
      />
      <path
        d="M664.13,192.9l-39.48,23.75s-.94.28-14,16.85l-4.69,6c-9.92,12.75-30.54,17-30.54,17l-13.08-20.12-2.76-24.44,2.9-9.87,2.3-7.82,20.12,2.88L593,201.5l10-10c.78.21,1.57.4,2.36.55A33.55,33.55,0,0,0,628.95,188l6.72-4s11.88-6.69,10.83-12c-.6-3,1.79-15.72,3.93-26a74.16,74.16,0,0,0,.29-28.86l-1.43-7.62S640,75,660.57,70s9.85,35.34,9.85,35.34-3.94,4.94,2,45.23S664.13,192.9,664.13,192.9Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M599.05,187.54c-1.12,10.58,3.95,12,3.95,12l3,12v13l-9,15H575l-19-9v-42l-3-10a38.7,38.7,0,0,0,5-.65c9.65-1.93,15.12-7.29,18.2-13.11C581,155.67,580,145.5,580,145.5s40-11,26,20c-1.86,4.13-3.28,7.76-4.35,11A53.72,53.72,0,0,0,599.05,187.54Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M573.59,275.33a2.08,2.08,0,0,1-.59,1.17,8.65,8.65,0,0,0-1.29,2c-4.68,8.83-13.71,40-13.71,40l-49-18-.71-.18L489,295.5c5.47-3.91,14.61-27.36,18.33-37.42,1-2.81,1.67-4.58,1.67-4.58l52,5S574.48,270.3,573.59,275.33Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M553,175.5s-15,6-30,0-33,3-33,3l-46,2s-13-6-30,31-23,39-23,39-31,28-11,35,31-27,31-27l11-21s25-24,27-29,14-5,14-5l50,2-.31,14.62L528,233.5l14-12,11-22Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M606,165.5c-1.86,4.13-3.28,7.76-4.35,11-.54,0-1.1,0-1.65,0a29.92,29.92,0,0,1-23.81-11.76C581,155.67,580,145.5,580,145.5S620,134.5,606,165.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <circle cx={498.5} cy={99.5} r={30} fill="#f8bdc5" />
      <path
        d="M573.59,275.33a2.08,2.08,0,0,1-.59,1.17,8.65,8.65,0,0,0-1.29,2c-17.79-.78-56.72-17.11-64.38-20.38,1-2.81,1.67-4.58,1.67-4.58l52,5S574.48,270.3,573.59,275.33Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M610.69,233.5l-4.69,6c-9.92,12.75-30.54,17-30.54,17l-13.08-20.12-2.76-24.44L560.5,188c2.79,13,10.59,40.12,22.5,42.5,19.91,4,18.48-24.53,17.5-36.5a16.2,16.2,0,0,1,.5-5.5l4,3,.36.55C614.89,206.85,612.75,224.47,610.69,233.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M558,173.5H548s10,64-37,46c0,0,4,15-5,36,0,0,48,21,67,21l6-6s17-7,19-22l9-9s10-27-4-48l-4-3a16.16,16.16,0,0,0-.5,5.5c1,12,2.41,40.48-17.5,36.5C556,225.5,558,173.5,558,173.5Z"
        transform="translate(-101.5 -46)"
        fill="#eb6576"
      />
      <path
        d="M490,355.5l16,12s26,8,47-21c0,0-13-3-11-10S490,355.5,490,355.5Z"
        transform="translate(-101.5 -46)"
        fill="#5e52ad"
      />
      <path
        d="M490,355.5l16,12s26,8,47-21c0,0-13-3-11-10S490,355.5,490,355.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.05}
      />
      <path
        d="M573.59,276.33a2.08,2.08,0,0,1-.59,1.17c-4,4-15,42-15,42l-49-18-.71-.18a70.21,70.21,0,0,1,12-6.06c3.41-1.32,6.84-2.72,9.81-4.06a44.92,44.92,0,0,0,6.91-3.7C541.2,284.5,557.29,279.7,573.59,276.33Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M687,418.5l-15,4s-.34-1-1-2.74c-3.2-8.14-13.86-32.61-32-48.26-22-19-34-46-32-53s-44,21-44,21-33.35,20.75-55.39,20.78A23.28,23.28,0,0,1,498,358.5c-8.5-3.83-11.94-10.54-13.09-17a29.72,29.72,0,0,1,6-23.31,68.38,68.38,0,0,1,29.4-21.93c3.41-1.32,6.84-2.72,9.81-4.06a44.92,44.92,0,0,0,6.91-3.7c7-5,47-15,66-15h16s13.64.8,17.92,19.66A78,78,0,0,0,644.05,312L670,361.5s13.32,23.61,25.35,33.61c3.43,2.86,6.76,4.61,9.65,4.39C718,398.5,687,418.5,687,418.5Z"
        transform="translate(-101.5 -46)"
        fill="#f8bdc5"
      />
      <path
        d="M640.16,130.52A10.67,10.67,0,0,0,639.4,119c-3.36-4.37-9.43-5.37-14.22-8.11-4.35-2.49-7.64-6.46-11.68-9.42-7.64-5.61-17.38-7.31-26.73-8.84-4-.66-8.08-1.32-12.1-.77-5.09.69-9.77,3.28-13.76,6.51a12.52,12.52,0,0,0-3.47,3.88c-1.48,2.92-.83,6.42-1.09,9.68-.64,7.95-6.78,14.42-13.55,18.63-4.16,2.59-8.74,4.65-12.2,8.12s-5.55,8.95-3.37,13.33c1.16,2.32,3.43,4.26,3.44,6.86a7.8,7.8,0,0,1-.94,3.29,47.87,47.87,0,0,1-9.54,13.55c-3.54,3.52-7.77,6.68-9.61,11.33-1.77,4.47-1,9.57.63,14.1.76,2.16,1.71,4.32,1.75,6.6.11,5.55-5,9.81-10.15,11.89-3.25,1.31-7,2.31-8.95,5.2s-1.51,7.09.48,10,5.2,4.86,8.5,6.19a31.16,31.16,0,0,0,19.38,1.58,23.74,23.74,0,0,0,15.15-11.78c3-5.84,3.2-13,7.36-18.1,7.33-8.91,22.79-6.66,30.44-15.31,6.14-6.95,4.47-17.48,4-26.74a82.37,82.37,0,0,1,.64-15.45c.5-3.64,1.42-7.55,4.28-9.85,2.31-1.86,5.43-2.28,8.37-2.64,6.14-.77,13.21-2.26,16-7.79,1.16-2.3,1.51-5.2,3.6-6.7,2.89-2.08,6.94,0,9.46,2.5,2.78,2.77,5.11,6.18,9.34,5.49C634.45,135.67,638.29,133.78,640.16,130.52Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M639.08,129.44a10.67,10.67,0,0,0-.77-11.52c-3.36-4.37-9.43-5.37-14.22-8.11-4.35-2.49-7.64-6.46-11.68-9.42-7.64-5.61-17.38-7.31-26.73-8.84-4-.66-8.08-1.32-12.1-.77-5.09.69-9.77,3.28-13.76,6.51a12.52,12.52,0,0,0-3.47,3.88c-1.48,2.92-.83,6.42-1.09,9.68-.64,7.95-6.78,14.42-13.55,18.63-4.16,2.59-8.74,4.65-12.2,8.12s-5.55,8.95-3.37,13.33c1.16,2.32,3.43,4.26,3.44,6.86a7.8,7.8,0,0,1-.94,3.29,47.87,47.87,0,0,1-9.54,13.55c-3.54,3.52-7.77,6.68-9.61,11.33-1.77,4.47-1,9.57.63,14.1.76,2.16,1.71,4.32,1.75,6.6.11,5.55-5,9.81-10.15,11.89-3.25,1.31-7,2.31-8.95,5.2s-1.51,7.09.48,10,5.2,4.86,8.5,6.19a31.16,31.16,0,0,0,19.38,1.58,23.74,23.74,0,0,0,15.15-11.78c3-5.84,3.2-13,7.36-18.1,7.33-8.91,22.79-6.66,30.44-15.31,6.14-6.95,4.47-17.48,4-26.74a82.37,82.37,0,0,1,.64-15.45c.5-3.64,1.42-7.55,4.28-9.85,2.31-1.86,5.43-2.28,8.37-2.64,6.14-.77,13.21-2.26,16-7.79,1.16-2.3,1.51-5.2,3.6-6.7,2.89-2.08,6.94,0,9.46,2.5,2.78,2.77,5.11,6.18,9.34,5.49C633.36,134.58,637.21,132.69,639.08,129.44Z"
        transform="translate(-101.5 -46)"
        fill="#6e464e"
      />
      <path
        d="M535.5,248s11,9,25,8"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M707.42,399.68C701.68,405.32,689,413.5,689,413.5l-15,4s-11-32-33-51-34-46-32-53-44,21-44,21-33.35,20.75-55.39,20.78A23.28,23.28,0,0,1,500,353.5c-8.5-3.83-11.94-10.54-13.09-17a28.68,28.68,0,0,1,.82-13.31,29.19,29.19,0,0,0-2.82,18.31c1.15,6.46,4.59,13.17,13.09,17a23.28,23.28,0,0,0,9.61,1.78c22,0,55.39-20.78,55.39-20.78s46-28,44-21,10,34,32,53,33,51,33,51l15-4S712.89,401.79,707.42,399.68Z"
        transform="translate(-101.5 -46)"
        opacity={0.05}
      />
      <path
        d="M531,292.5l-1.7.79a61.63,61.63,0,0,0-28.9,27.46c-13.4,26.08,4.31,37.83,7.21,39.53A23.28,23.28,0,0,1,498,358.5c-8.5-3.83-11.94-10.54-13.09-17a29.72,29.72,0,0,1,6-23.31,68.38,68.38,0,0,1,29.4-21.93c3.41-1.32,6.84-2.72,9.81-4.06Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M529,292.5s-21-7.46-35-3.73c0,0-9,7.73-16,14.73-5.7,5.7-20,64,28,57,0,0-22.16-11.42-7.6-39.75a61.62,61.62,0,0,1,28.9-27.46Z"
        transform="translate(-101.5 -46)"
        fill="#5e52ad"
      />
      <path
        d="M687,418.5l-15,4s-.34-1-1-2.74c3.49-.92,8-3,8-7.26,0,0,11.45-10.69,16.35-17.39,3.43,2.86,6.76,4.61,9.65,4.39C718,398.5,687,418.5,687,418.5Z"
        transform="translate(-101.5 -46)"
        opacity={0.1}
      />
      <path
        d="M680,413.5s15-14,18-20c0,0,29,17,57,2,0,0,26-2,4,21s-81,32-81,32-16,0-10-27C668,421.5,680,420.5,680,413.5Z"
        transform="translate(-101.5 -46)"
        fill="#ffd97b"
      />
      <polygon
        points="667.76 717.38 667.76 703.75 947.05 625.42 997 619.74 997 632.23 718.85 732.13 667.76 717.38"
        fill="#dfe5ee"
      />
      <polygon
        points="667.76 717.38 667.76 703.75 947.05 625.42 997 619.74 997 632.23 718.85 732.13 667.76 717.38"
        opacity={0.05}
      />
      <polygon
        points="667.76 703.75 947.05 611.79 995.87 619.74 718.85 718.51 667.76 703.75"
        fill="#dfe5ee"
      />
      <rect x={710.9} y={495.99} width={18.17} height={211.17} fill="#dfe5ee" />
      <rect x={928.88} y={447.17} width={18.17} height={185.06} fill="#dfe5ee" />
      <polygon
        points="992.46 389.27 992.46 446.04 765.67 496.7 738.84 502.7 672.3 517.56 653 511.88 653 446.04 755.9 426.42 781.52 421.54 968.62 385.87 992.46 389.27"
        fill="#dfe5ee"
      />
      <polygon
        points="992.46 389.27 992.46 446.04 765.67 496.7 738.84 502.7 672.3 517.56 653 511.88 653 446.04 755.9 426.42 781.52 421.54 968.62 385.87 992.46 389.27"
        opacity={0.05}
      />
      <polygon
        points="729.07 495.99 729.07 507.15 710.9 511.21 710.9 495.99 729.07 495.99"
        opacity={0.05}
      />
      <polygon
        points="947.05 447.17 947.05 458.46 928.88 462.51 928.88 447.17 947.05 447.17"
        opacity={0.05}
      />
      <polygon
        points="992.46 389.27 992.46 446.04 900.38 466.61 873.6 472.59 765.67 496.7 738.84 502.7 672.3 517.56 673.44 452.85 765.91 434.42 791.78 429.27 791.79 429.27 897.5 408.2 923.32 403.05 992.46 389.27"
        fill="#dfe5ee"
      />
      <polygon
        points="791.79 429.27 765.67 496.7 738.84 502.7 765.91 434.42 755.9 426.42 781.52 421.54 791.78 429.27 791.79 429.27"
        fill={props.primaryColor}
      />
      <polygon
        points="924.62 404.03 900.38 466.61 873.6 472.59 898.74 409.18 897.5 408.2 888.74 401.18 914.35 396.3 923.32 403.05 924.61 404.03 924.62 404.03"
        fill={props.primaryColor}
      />
      <polygon
        points="714.88 703.47 733.04 699.21 733.04 703.47 714.88 707.73 714.88 703.47"
        opacity={0.05}
      />
      <polygon
        points="931.72 628.54 949.88 624.28 949.88 628.54 931.72 632.79 931.72 628.54"
        opacity={0.05}
      />
    </svg>
  );
  
  UndrawTrackAndField.propTypes = {
    /**
     * Hex color
     */
    primaryColor: PropTypes.string,
    /**
     * percentage
     */
    height: PropTypes.string,
    /**
     * custom class for svg
     */
    class: PropTypes.string
  };
  
  UndrawTrackAndField.defaultProps = {
    primaryColor: "#6c68fb",
    height: "250px",
    class: ""
  };
  
  export default UndrawTrackAndField;
  