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

const wording = {
  description: 'twin thin arrow can be used for back to top etc.,',
  title: 'Twins Thin Arrow',
  vectorClassName: 'thin-twinarrow',
}

class TwinsThinArrowIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '50px',
    height: '50px',
    viewBox: '0 0 475 475',
  }
  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d={'M237.24,0C106.233,0,0.016,106.217,0.016,237.224S106.233,474.449,237.24,474.449 s237.193-106.217,237.193-237.224S368.248,0,237.24,0z M237.24,442.666c-113.273,0-205.442-92.169-205.442-205.442 S123.968,31.782,237.24,31.782s205.41,92.169,205.41,205.442C442.682,350.465,350.545,442.666,237.24,442.666z'} />
          <path d={'M248.205,113.622c-3.178-3.178-7.31-4.704-11.473-4.64c-4.227-0.064-8.391,1.462-11.569,4.64 l-106.312,94.044c-6.229,6.229-6.229,16.368,0,22.597c6.229,6.261,16.368,6.261,22.597,0l95.22-84.255l95.22,84.255 c6.229,6.261,16.4,6.261,22.597,0c6.229-6.229,6.229-16.368,0-22.597L248.205,113.622z'} />
          <path d={'M248.205,227.594c-3.178-3.178-7.31-4.704-11.473-4.64c-4.227-0.064-8.391,1.462-11.569,4.64 l-106.312,94.013c-6.229,6.261-6.229,16.4,0,22.597c6.229,6.261,16.368,6.261,22.597,0l95.22-84.192l95.22,84.192 c6.229,6.261,16.4,6.261,22.597,0c6.229-6.198,6.229-16.336,0-22.597L248.205,227.594z'} />
        </g>
      </Vector>
    )
  }
}

export { TwinsThinArrowIcon }
export default TwinsThinArrowIcon