moq-ui/lib/icons/minus-icon.js

Simple, customizable UI components built with React

var React = require('react');

var MinusIcon = React.createClass({displayName: "MinusIcon",

  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 (
      React.createElement("svg", {viewBox: "0 0 14 14", style: styles.svg}, 
        React.createElement("path", {d: "M 3.5 6.5 l 7 0", style: styles.path})
      )
    );
  }

});

module.exports = MinusIcon;