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: 'Social Link Icon',
  description: 'social link icon',
}

class SocialLinkIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '32px',
    height: '16px',
    viewBox: '0 0 32 16',
    fill: '#000000',
  }

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <path d="M3.04 8A4.964 4.964 0 0 1 8 3.04h6.4V0H8C3.584 0 0 3.584 0 8s3.584 8 8 8h6.4v-3.04H8A4.964 4.964 0 0 1 3.04 8zM9.6 9.6h12.8V6.4H9.6v3.2zM24 0h-6.4v3.04H24A4.964 4.964 0 0 1 28.96 8 4.964 4.964 0 0 1 24 12.96h-6.4V16H24c4.416 0 8-3.584 8-8s-3.584-8-8-8z" />
      </Vector>
    )
  }
}

export { SocialLinkIcon }
export default SocialLinkIcon