import React from 'react'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'
import { DefaultProps } from '../../typings'
import Vector from '../../../Vector'

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

const wording = {
  title: 'Linkedin Icon',
  description: 'Linkedin',
}

class LinkedinIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '50px',
    height: '50px',
    viewBox: '0 0 478.165 478.165',
  }

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector
        {...this.props}
        {...wording}
        vectorClassName={'linkedinicon'}
        namespace={identifier}
      >
        <g>
          <path d="M478.165,290.794v176.742H375.638V302.549c0-41.481-14.783-69.673-51.881-69.673 c-28.371,0-45.107,19.087-52.578,37.456c-2.69,6.615-3.507,15.879-3.507,25.024v172.159H165.246c0,0,1.375-279.328,0-308.257 h102.447v43.692c-0.139,0.359-0.438,0.657-0.578,1.056h0.578v-1.056c13.687-20.999,37.934-50.925,92.385-50.925 C427.659,152.026,478.165,196.077,478.165,290.794z M57.997,10.629C22.952,10.629,0,33.621,0,63.945 c0,29.507,22.275,53.276,56.682,53.276H57.3c35.822,0,58.017-23.769,58.017-53.276C114.62,33.621,93.123,10.629,57.997,10.629z M6.117,467.535h102.467V159.239H6.117V467.535z" />
        </g>
      </Vector>
    )
  }
}

export { LinkedinIcon }
export default LinkedinIcon