import React from 'react'
import Vector from 'atoms/Vector'

const wording = {
  vectorClassName: 'arrow-left',
  title: 'Right Arrow Icon',
  description: 'A thin arrow head, pointing towards the right',
}

class LeftArrow extends React.PureComponent {
  static defaultProps = {
    width: '8px',
    height: '12px',
    viewBox: '0 0 8 12',
    fill: '#2c2c2c',
  }

  render() {
    // what was this even from!? < was for padding using a shape?!
    // <path d="M-8-6h24v24H-8z" />
    return (
      <Vector {...this.props} {...wording} >
        <g fillRule={'evenodd'}>
          <path d={'M7.41 1.41L6 0 0 6l6 6 1.41-1.41L2.83 6z'} />
        </g>
      </Vector>
    )
  }
}

export { LeftArrow }
export default LeftArrow