// @flow

import * as React from 'react';

class MoreInfo extends React.Component<{ size: number, color: string, backgroundColor: string }> {
  static defaultProps = {
    color: '#a58eff',
    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="M14,1.39072848 C7.08344371,
                1.39072848 1.48344371,
                6.99072848 1.48344371,
                13.9072848 C1.48344371,
                20.8238411 7.08344371,
                26.4238411 14,
                26.4238411 C20.9165563,
                26.4238411 26.5165563,
                20.8238411 26.5165563,
                13.9072848 C26.5165563,
                6.99072848 20.9165563,
                1.39072848 14,
                1.39072848 L14,1.39072848 Z"
            id="Shape"
            stroke={color}
            fill={backgroundColor}
          />
          <path
            d="M8.1218543,
                9.86490066 C7.15761589,
                9.86490066 6.37880795,
                10.6437086 6.37880795,
                11.607947 C6.37880795,
                12.5721854 7.15761589,
                13.3509934 8.1218543,
                13.3509934 C9.08609272,
                13.3509934 9.86490066,
                12.5721854 9.86490066,
                11.607947 C9.86490066,
                10.6437086 9.06754967,
                9.86490066 8.1218543,
                9.86490066 L8.1218543,
                9.86490066 Z"
            fill={color}
          />
          <path
            d="M19.8781457,
                9.86490066 C18.9139073,
                9.86490066 18.1350993,
                10.6437086 18.1350993,
                11.607947 C18.1350993,
                12.5721854 18.9139073,
                13.3509934 19.8781457,
                13.3509934 C20.8423841,
                13.3509934 21.6211921,
                12.5721854 21.6211921,
                11.607947 C21.6211921,
                10.6437086 20.8423841,
                9.86490066 19.8781457,
                9.86490066 L19.8781457,
                9.86490066 Z"
            fill={color}
          />
          <path
            d="M19.581457,
                17.4304636 L8.43708609,
                17.4304636 C8.06622517,
                17.4304636 7.75099338,
                17.7456954 7.75099338,
                18.1165563 C7.75099338,
                18.5059603 8.06622517,
                18.8211921 8.43708609,
                18.8211921 L19.581457,
                18.8211921 C19.9523179,
                18.8211921 20.2675497,
                18.5059603 20.2675497,
                18.1165563 C20.2675497,
                17.7456954 19.9523179,
                17.4304636 19.581457,
                17.4304636 L19.581457,
                17.4304636 Z"
            fill={color}
          />
        </g>
      </svg>
    );
  }
}

export default MoreInfo;