text: import React from "react"
  
  export const Logo = ({ style, size, leftColor, rightColor }) => (
    <svg
      viewBox="0 0 150 100"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      xmlSpace="preserve"
      style={{
        width: size,
        ...style,
      }}
    >
      <path
        d="M75,13.792c6.151,-3.561 13.291,-5.6 20.904,-5.6c23.075,0 41.809,18.733 41.809,41.808c0,23.075 -18.734,41.808 -41.809,41.808c-7.613,0 -14.753,-2.039 -20.904,-5.6c12.493,-7.234 20.904,-20.746 20.904,-36.208c0,-15.462 -8.411,-28.974 -20.904,-36.208Z"
        style={{
          fill: rightColor,
        }}
      />
      <path
        d="M75,86.208c-6.151,3.561 -13.291,5.6 -20.904,5.6c-23.075,0 -41.809,-18.733 -41.809,-41.808c0,-23.075 18.734,-41.808 41.809,-41.808c7.613,0 14.753,2.039 20.904,5.6c-12.493,7.234 -20.904,20.746 -20.904,36.208c0,15.462 8.411,28.974 20.904,36.208Z"
        style={{
          fill: leftColor,
        }}
      />
      <path
        d="M75,13.792c12.493,7.234 20.904,20.746 20.904,36.208c0,15.462 -8.411,28.974 -20.904,36.208c-12.493,-7.234 -20.904,-20.746 -20.904,-36.208c0,-15.462 8.411,-28.974 20.904,-36.208Z"
        style={{
          fill: "none",
        }}
      />
    </svg>
  )
  