text: import React, { PropTypes } from 'react';
  
  export default class GenderSvg extends React.Component { // eslint-disable-line react/prefer-stateless-function
    static propTypes = {
      only: PropTypes.any
    }
    male() {
      return (<g>
        <circle fill="inherit" cx="7.543" cy="3.347" r="3.347" />
        <path
          fill="inherit"
          d="M7.152,35.539c0.072-8.089,0.217-24.264,0.217-24.264h0.188c0,0,0.251,16.175,0.378,24.264
            c0.032,2.105,3.3,2.107,3.268,0c-0.125-8.089-0.25-16.177-0.376-24.264c-0.015-0.891-0.734-1.635-1.635-1.635
            c-1.152,0-2.306,0-3.458,0c-0.896,0-1.626,0.744-1.634,1.635C4.026,19.362,3.954,27.45,3.883,35.539
            C3.864,37.646,7.132,37.645,7.152,35.539L7.152,35.539z"
        />
        <rect x="6.345" y="11.275" fill="inherit" width="2.396" height="13.833" />
        <path
          fill="inherit"
          d="M15.084,20.044c-0.118-3.45-0.235-6.899-0.354-10.35c-0.03-0.89-0.72-1.635-1.635-1.635
            c-3.701,0-7.403,0-11.104,0c-0.914,0-1.604,0.745-1.635,1.635c-0.118,3.45-0.235,6.899-0.354,10.35
            c-0.072,2.11,3.196,2.103,3.27,0c0.118-3.45,0.297-8.713,0.297-8.713l0.219-0.002h7.417l0.313-0.008c0,0,0.181,5.272,0.298,8.723
            C11.889,22.146,15.156,22.154,15.084,20.044L15.084,20.044z"
        />
      </g>);
    }
    female(transform) {
      return (<g transform={transform}>
        <circle fill="inherit" cx="27.449" cy="3.347" r="3.347" />
        <path
          fill="inherit"
          d="M26.917,35.865c0.073-5.924,0.219-17.769,0.219-17.769h0.188c0,0,0.252,11.845,0.378,17.769
            c0.045,2.105,3.313,2.109,3.268,0c-0.124-5.924-0.251-11.847-0.376-17.769c-0.019-0.892-0.729-1.636-1.634-1.636
            c-1.152,0-2.306,0-3.458,0c-0.899,0-1.624,0.744-1.634,1.636c-0.074,5.922-0.146,11.845-0.219,17.769
            C23.622,37.973,26.892,37.971,26.917,35.865L26.917,35.865z"
        />
        <polygon fill="inherit" points="33.605,26.906 21.238,26.906 24.798,11.28 30.13,11.28" />
        <path
          fill="inherit"
          d="M21.67,21.052c1.028-3.451,2.733-9.177,2.733-9.177l6.171,0.036c0,0,1.483,5.689,2.381,9.141
            c0.532,2.038,3.686,1.172,3.152-0.869c-0.898-3.451-1.798-6.9-2.696-10.352c-0.184-0.701-0.856-1.199-1.576-1.199
            c-2.886,0-5.771,0-8.657,0c-0.737,0-1.368,0.5-1.576,1.199c-1.027,3.451-2.056,6.9-3.084,10.352
            C17.915,22.208,21.07,23.066,21.67,21.052L21.67,21.052z"
        />
      </g>);
    }
    render() {
      return (<svg version="1.1" x="0px" y="0px" width="36.168px" height="37.446px" viewBox={`0 0 ${!this.props.only ? 36 : 16} 37.446`} enableBackground="new 0 0 36.168 37.446">
        <g id="genders">
          {this.props.only === 'female' ? null : this.male()}
          {this.props.only === 'male' ? null : this.female(this.props.only === 'female' ? 'translate(-19.5,0)' : null)}
        </g>
      </svg>);
    }
  }
  