import * as React from 'react'
import Svg, { Path } from 'svgs'

interface Props {
  size: number
}

export default React.memo(function ExchangeIconCUSD({ size }: Props) {
  return (
    <Svg width={`${size}px`} height={`${size}px`} viewBox="0 0 1000 1000">
      <desc>Symbol for the Celo cUSD Currency</desc>
      <Path fill="#45CD85" d="M0 0h1000v1000H0z" />
      <Path
        fill="#35C071"
        d="M479 770c104 0 196-69 226-170h-81c-25 57-82 94-145 94-88 0-159-71-159-159 0-63 37-120 94-145v-81c-101 30-170 122-170 226 0 129 106 235 235 235zm82-206h72v-23l-3-16c56-10 90-44 90-91 0-113-180-79-180-117 0-12 18-21 50-21s67 9 102 27v-75c-22-7-44-12-66-13l2-16v-23h-72v23l3 16c-58 9-93 40-93 84 0 119 180 76 180 119 0 13-19 23-49 23-36 0-74-11-128-38v76c29 15 60 23 94 26l-2 16v23z"
      />
      <Path
        fill="#FFF"
        d="M479 760c98 0 181-63 212-150h-61c-27 56-85 94-151 94-93 0-169-76-169-169 0-66 38-124 94-151v-61c-87 31-150 114-150 212 0 124 101 225 225 225zm92-206h52v-12l-4-26c56-6 91-37 91-82 0-106-180-63-180-117 0-19 22-31 60-31 30 0 62 8 92 21v-52c-21-6-44-10-68-11l4-26v-12h-52v12l4 26c-59 6-94 34-94 75 0 110 180 60 180 119 0 20-24 33-59 33-36 0-73-11-118-32v54c30 14 62 21 96 23l-4 26v12z"
      />
    </Svg>
  )
})
