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

const Social = () => (
  <Svg width={20} height={14}>
    <Path
      fill={Colors.contentPrimary}
      stroke={Colors.contentPrimary}
      d="m2.056 11.589-1.32.911H13.264l-1.32-.911c-.483-.334-1.258-.665-2.12-.912-.87-.25-1.872-.427-2.824-.427-.952 0-1.955.177-2.824.427-.862.247-1.637.578-2.12.912ZM.5 12.25c0-.4.196-.785.604-1.163.412-.38 1.006-.717 1.704-.997C4.206 9.53 5.892 9.25 7 9.25s2.794.28 4.192.84c.698.28 1.292.617 1.704.997.408.378.604.764.604 1.163v1.25H.5v-1.25ZM10 3.5c0 1.654-1.346 3-3 3s-3-1.346-3-3 1.346-3 3-3 3 1.346 3 3Zm-1 0c0-1.106-.894-2-2-2-1.106 0-2 .894-2 2 0 1.106.894 2 2 2 1.106 0 2-.894 2-2Zm7.5 8.75c0-1.05-.357-1.933-.925-2.666.75.178 1.502.425 2.15.74 1.16.563 1.775 1.232 1.775 1.926v1.25h-3v-1.25ZM16 3.5c0 1.654-1.346 3-3 3-.26 0-.51-.035-.752-.101.48-.86.752-1.85.752-2.899s-.273-2.04-.752-2.899A2.84 2.84 0 0 1 13 .5c1.654 0 3 1.346 3 3Z"
    />
  </Svg>
)

export default Social
