import React from 'react'
import toClassName from 'classnames'
import { styled } from 'styleh-components'
import Vector from '../../../Vector'
import { wording } from '../wording'
import { VectorProps } from '../typings'

// NOTE:  official Material Design vectors...
class PlusVector extends React.PureComponent<VectorProps> {
  render() {
    return (
      <Vector {...this.props} {...wording.plusWording} viewBox="0 0 24 24">
        <path d="M0 0h24v24H0z" fill="none" />
        // eslint-disable-next-line max-len
        <path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.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 PlusVector
export { PlusVector }