import * as React from 'react'
import Svg, { Path, Rect } from 'react-native-svg'
import Colors from 'src/styles/colors'

function AllTokens() {
  return (
    <Svg width={32} height={32} viewBox="0 0 32 32" fill="none">
      <Rect width={32} height={32} rx={16} fill={Colors.successSecondary} />
      <Path
        d="M19 8C21.1217 8 23.1566 8.84285 24.6569 10.3431C26.1571 11.8434 27 13.8783 27 16C27 18.1217 26.1571 20.1566 24.6569 21.6569C23.1566 23.1571 21.1217 24 19 24C16.8783 24 14.8434 23.1571 13.3431 21.6569C11.8429 20.1566 11 18.1217 11 16C11 13.8783 11.8429 11.8434 13.3431 10.3431C14.8434 8.84285 16.8783 8 19 8ZM19 22C20.5913 22 22.1174 21.3679 23.2426 20.2426C24.3679 19.1174 25 17.5913 25 16C25 14.4087 24.3679 12.8826 23.2426 11.7574C22.1174 10.6321 20.5913 10 19 10C17.4087 10 15.8826 10.6321 14.7574 11.7574C13.6321 12.8826 13 14.4087 13 16C13 17.5913 13.6321 19.1174 14.7574 20.2426C15.8826 21.3679 17.4087 22 19 22ZM7 16C6.99995 17.2399 7.3847 18.4493 8.10116 19.4613C8.81762 20.4733 9.83048 21.2381 11 21.65V23.74C7.55 22.85 5 19.73 5 16C5 12.27 7.55 9.15 11 8.26V10.35C8.67 11.17 7 13.39 7 16Z"
        fill={Colors.successPrimary}
      />
    </Svg>
  )
}

export default React.memo(AllTokens)
