export interface Props {
  className?: string
}

const ReefIcon = ({ className }: Props): JSX.Element => (
  <svg
    className={`reef-icon ${className || ''}`}
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="-835.8 471.9 595.8 595.8"
    style={{ enableBackground: 'new -835.8 471.9 595.8 595.8' } as React.CSSProperties}
    xmlSpace="preserve"
  >
    <linearGradient
      id="reef-icon-gradient"
      gradientUnits="userSpaceOnUse"
      x1="-537.9"
      y1="322.9777"
      x2="-537.9"
      y2="-271.9"
      gradientTransform="matrix(1 0 0 -1 0 795.8)"
    >
      <stop offset="0" style={{ stopColor: '#BE29C0' }}/>
      <stop offset="1" style={{ stopColor: '#9D00F5' }}/>
    </linearGradient>
    <circle
      className="reef-icon__circle"
      cx="-537.9"
      cy="769.8"
      r="297.9"
    />
	<path
    className="reef-icon__r"
    d="M-558.9,584.4c23.5-3.7,47-3.7,70.5,1.2c18.5,3.7,37.1,11.1,51.9,22.2c9.9,7.4,18.5,17.3,24.7,28.4
      c7.4,12.4,11.1,28.4,11.1,43.3c0,11.1-1.2,22.2-4.9,32.1c-6.2,17.3-17.3,33.4-30.9,45.7c-17.3,16.1-37.1,29.7-58.1,38.3
      c-14.8,6.2-29.7,11.1-45.7,14.8c2.5,14.8,7.4,29.7,14.8,43.3c4.9,11.1,12.4,22.2,21,30.9c3.7,2.5,6.2,4.9,11.1,7.4
      c4.9,2.5,9.9,1.2,14.8,1.2c7.4,0,16.1-1.2,23.5-3.7c17.3-6.2,33.4-16.1,45.7-29.7c3.7-4.9,7.4-9.9,13.6-11.1
      c4.9-2.5,11.1-1.2,14.8,3.7c2.5,3.7,2.5,8.7,1.2,13.6c-1.2,4.9-3.7,9.9-6.2,13.6c-2.5,3.7-6.2,7.4-9.9,11.1
      c-11.1,9.9-23.5,19.8-35.8,27.2c-13.6,7.4-28.4,13.6-44.5,14.8c-11.1,1.2-22.2,1.2-32.1-3.7c-13.6-6.2-24.7-16.1-33.4-27.2
      c-9.9-13.6-18.5-27.2-24.7-43.3c-7.4-16.1-13.6-32.1-18.5-49.4c-4.9,11.1-8.7,22.2-12.4,33.4c-6.2,16.1-11.1,30.9-17.3,45.7
      c-6.2,14.8-13.6,29.7-26,39.6c-4.9,4.9-12.4,8.7-19.8,7.4c-6.2,0-13.6-2.5-17.3-7.4c-2.5-3.7-4.9-8.7-4.9-13.6
      c-1.2-9.9,1.2-18.5,6.2-27.2c13.6-23.5,26-48.2,39.6-71.7c18.5-33.4,35.8-66.7,55.6-97.7c8.7-13.6,17.3-27.2,29.7-37.1
      c3.7-3.7,8.7-6.2,13.6-7.4c4.9,0,9.9,2.5,11.1,6.2c3.7,7.4,1.2,16.1-1.2,23.5c-7.4,22.2-18.5,44.5-28.4,65.5
      c12.4,1.2,26-1.2,37.1-4.9c12.4-4.9,24.7-12.4,34.6-21h-1.2h1.2c17.3-13.6,29.7-33.4,34.6-55.6c3.7-14.8,1.2-30.9-6.2-43.3
      c-6.2-9.9-16.1-17.3-27.2-21c-14.8-6.2-30.9-7.4-47-6.2c-11.1,0-23.5,1.2-33.4,4.9c-14.8,4.9-29.7,12.4-40.8,23.5
      c-6.2,6.2-11.1,13.6-16.1,21c-7.4,12.4-13.6,26-24.7,35.8c-4.9,4.9-12.4,7.4-18.5,7.4c-7.4,0-14.8-1.2-19.8-7.4
      c-4.9-6.2-4.9-14.8-3.7-22.2c2.5-14.8,11.1-27.2,19.8-37.1c9.9-12.4,22.2-22.2,35.8-30.9C-614.5,599.2-587.3,589.3-558.9,584.4z"
    />
  </svg>
);

export default ReefIcon