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

// extending interface from Label component
interface Props extends DefaultProps {}

const wording = {
  description: 'Chat is message conversation purpose',
  title: 'Chat Icon',
  vectorClassName: 'chaticon',
}

class ChatIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '49px',
    height: '45px',
    viewBox: '0 0 49 45',
    stroke: '#000000',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g strokeWidth="2" fill="none" fillRule="evenodd" strokeLinejoin="round">
          <path d="M40 16.68a15.64 15.64 0 0 1 3.56 17.9s-.85 4.17 3.5 8.5c0 0-7.9 1.67-10.75-.96a15.5 15.5 0 0 1-19.42-4.68" />
          <path d="M1.05 33.36s8.3 1.75 11.29-1.03a16.23 16.23 0 0 0 7.25 1.7A16.4 16.4 0 0 0 35.95 17.6 16.4 16.4 0 0 0 19.59 1.15 16.4 16.4 0 0 0 3.23 17.59c0 2.44.53 4.76 1.48 6.84 0 0 .9 4.37-3.66 8.93z" />
        </g>
      </Vector>
    )
  }
}

export { ChatIcon }
export default ChatIcon