import React from 'react';

const Resistor = props => (
  <svg viewBox="0 0 157.396 32.996" width="100%" height="100%" {...props}>
    <path
      d="M20.3 16.498s-.134 7.684 2.873 11.56c3.006 3.875 5.746 5.746 10.624 4.343 4.877-1.403 6.548-6.95 12.828-6.95h32.073M20.3 16.498s-.134-7.684 2.873-11.56C26.179 1.064 28.919-.807 33.797.597c4.877 1.403 6.548 6.949 12.828 6.949h32.073"
      fill="none"
      stroke="#000"
      strokeWidth={0.265}
    />
    <path
      d="M137.096 16.498s.134 7.684-2.873 11.56c-3.007 3.875-5.746 5.746-10.624 4.343-4.878-1.403-6.548-6.95-12.829-6.95H78.698M137.096 16.498s.134-7.684-2.873-11.56C131.216 1.064 128.477-.807 123.6.597c-4.878 1.403-6.548 6.949-12.829 6.949H78.698"
      fill="none"
      stroke="#000"
      strokeWidth={0.265}
    />
    <path
      fill={props.ringone}
      stroke="#000"
      strokeWidth={0.268}
      d="M54.145 7.532h5.197v17.92h-5.197z"
    />
    <path
      fill={props.ringtwo}
      stroke="#000"
      strokeWidth={0.268}
      d="M67.005 7.532h5.197v17.92h-5.197z"
    />
    <path
      fill={props.precision}
      stroke="#000"
      strokeWidth={0.268}
      d="M102.763 7.532h5.197v17.92h-5.197z"
    />
    <path
      d="M20.3 16.498H0M157.396 16.498h-20.3"
      fill="none"
      stroke="#000"
      strokeWidth={0.265}
    />
    <path
      fill={props.factor}
      stroke="#000"
      strokeWidth={0.268}
      d="M80.268 7.532h5.197v17.92h-5.197z"
    />
  </svg>
);

export default Resistor;