import React from 'react'
import toClassName from 'classnames'
import Vector from '../../../Vector'
import { wording } from '../wording'
import { VectorProps } from '../typings'

// NOTE:  official Material Design vectors...
class MinusVector extends React.PureComponent<VectorProps> {
  render() {
    return (
      <Vector {...this.props} {...wording.minusWording} viewBox="0 0 24 24">
        <path d="M0 0h24v24H0z" fill="none" />
        // eslint-disable-next-line max-len
        <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" />
      </Vector>
    )
  }
}

export default MinusVector
export { MinusVector }