// @flow

import * as React from 'react';

class Disagree extends React.Component<{ size: number, color: string, backgroundColor: string }> {
  static defaultProps = {
    color: '#f75959',
    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"
            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="M21.0278146,
            18.8953642 C17.0039735,
            14.9271523 11.0145695,
            14.9271523 6.99072848,
            18.8953642 C6.67549669,
            19.210596 6.61986755,
            19.7112583 6.86092715,
            19.989404 C7.10198675,
            20.2490066 7.50993377,
            20.2304636 7.78807947,
            19.9523179 C11.3483444,
            16.4291391 16.6701987,
            16.4291391 20.2304636,
            19.9523179 C20.5086093,
            20.2304636 20.9165563,
            20.2490066 21.1576159,
            19.989404 C21.3986755,
            19.7112583 21.3430464,
            19.210596 21.0278146,
            18.8953642 L21.0278146,
            18.8953642 Z"
            fill={color}
          />
        </g>
      </svg>
    );
  }
}

export default Disagree;