text: import React from 'react'
  
  const color = (theme) => {
    if (theme === 'light') {
      return '#3DDBFF'
    } else {
      return '#FFFFFF'
    }
  }
  
  export const Twitter = ({ theme, size }) => (
    <svg
      width={`${size}px`}
      height={`${size * 0.816}px`}
      viewBox="0 0 250 204"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M78.5 203.2C172.8 203.2 224.4 125 224.4 57.3C224.4 55.1 224.4 52.9 224.3 50.7C234.3 43.5 243 34.4 249.9 24.1C240.7 28.2 230.8 30.9 220.4 32.2C231 25.9 239.1 15.8 243 3.8C233.1 9.7 222.1 13.9 210.4 16.2C201 6.2 187.7 0 173 0C144.7 0 121.7 23 121.7 51.3C121.7 55.3 122.2 59.2 123 63C80.4 60.9 42.6 40.4 17.3 9.4C12.9 17 10.4 25.8 10.4 35.2C10.4 53 19.5 68.7 33.2 77.9C24.8 77.6 16.9 75.3 10 71.5C10 71.7 10 71.9 10 72.2C10 97 27.7 117.8 51.1 122.5C46.8 123.7 42.3 124.3 37.6 124.3C34.3 124.3 31.1 124 28 123.4C34.5 143.8 53.5 158.6 75.9 159C58.3 172.8 36.2 181 12.2 181C8.1 181 4 180.8 0 180.3C22.6 194.7 49.6 203.2 78.5 203.2Z"
        fill={color(theme)}
      />
    </svg>
  )
  