// @flow

import * as React from 'react';

class Like extends React.Component<{ size: number, color: string, backgroundColor: string }> {
  static defaultProps = {
    color: '#46d38d',
    backgroundColor: '#ffffff'
  };

  render() {
    const { size, color, backgroundColor } = this.props;
    return (
      <svg width={`${size}px`} height={`${size}px`} viewBox="0 0 28 28">
        <g>
          <path
            d="M13.9072848,
            1.39072848 C6.99072848,
            1.39072848 1.39072848,
            6.99072848 1.39072848,
            13.9072848 C1.39072848,
            20.8238411 6.99072848,
            26.4238411 13.9072848,
            26.4238411 C20.8238411,
            26.4238411 26.4238411,
            20.8238411 26.4238411,
            13.9072848 C26.4238411,
            6.99072848 20.8238411,
            1.39072848 13.9072848,
            1.39072848 L13.9072848,
            1.39072848 Z"
            stroke={color}
            fill={backgroundColor}
          />
          <path
            d="M8.02913907,
            9.86490066 C7.06490066,
            9.86490066 6.28609272,
            10.6437086 6.28609272,
            11.607947 C6.28609272,
            12.5721854 7.06490066,
            13.3509934 8.02913907,
            13.3509934 C8.99337748,
            13.3509934 9.77218543,
            12.5721854 9.77218543,
            11.607947 C9.75364238,
            10.6437086 8.99337748,
            9.86490066 8.02913907,
            9.86490066 L8.02913907,
            9.86490066 Z"
            fill={color}
          />
          <path
            d="M19.7854305,
            9.86490066 C18.8211921,
            9.86490066 18.0423841,
            10.6437086 18.0423841,
            11.607947 C18.0423841,
            12.5721854 18.8211921,
            13.3509934 19.7854305,
            13.3509934 C20.7496689,
            13.3509934 21.5284768,
            12.5721854 21.5284768,
            11.607947 C21.5284768,
            10.6437086 20.7496689,
            9.86490066 19.7854305,
            9.86490066 L19.7854305,
            9.86490066 Z"
            fill={color}
          />
          <path
            d="M20.9350993,
            17.189404 C16.9112583,
            21.1576159 10.9218543,
            21.1576159 6.89801325,
            17.189404 C6.58278146,
            16.8741722 6.52715232,
            16.3735099 6.76821192,
            16.0953642 C7.00927152,
            15.8357616 7.41721854,
            15.8543046 7.69536424,
            16.1324503 C11.2556291,
            19.6556291 16.5774834,
            19.6556291 20.1377483,
            16.1324503 C20.415894,
            15.8543046 20.8238411,
            15.8357616 21.0649007,
            16.0953642 C21.3059603,
            16.3735099 21.2503311,
            16.8741722 20.9350993,
            17.189404 L20.9350993,
            17.189404 Z"
            fill={color}
          />
        </g>
      </svg>
    );
  }
}

export default Like;