moq-ui/src/icons/minus-icon.jsx

Simple, customizable UI components built with React

var React = require('react');

var MinusIcon = React.createClass({

  getDefaultProps: function() {
    return {
      style: {
        color: '#000000'
      }
    }
  },

  getStyles: function() {
    return {
      svg: {
        width: '100%',
        height: '100%'
      },
      path: {
        stroke: this.props.style.color,
        strokeWidth: 2.5,
        strokeLinecap: 'round',
        strokeLinejoin: 'round'
      }
    };
  },

  render: function() {
    var styles = this.getStyles();

    return (
      <svg viewBox="0 0 14 14" style={styles.svg}>
        <path d="M 3.5 6.5 l 7 0" style={styles.path}/>
      </svg>
    );
  }

});

module.exports = MinusIcon;