import React from 'react'
import { DefaultProps } from 'icons/typings'
import Vector from 'atoms/Vector'

const wording = {
  vectorClassName: 'bullet',
  title: 'Bullet icon',
  description: 'a Bullet Icon',
}

class BulletIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '18px',
    height: '18px',
    viewBox: '0 0 18 18',
  }
  render() {
    const { width } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <rect
          rx={width}
          ry={width}
          width={width}
          height={width}
        />
      </Vector>
    )
  }
}

export { BulletIcon }
export default BulletIcon