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

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

const wording = {
  vectorClassName: 'home',
  title: 'Home icon',
  description: 'An icon, representing a home page',
}

class HomeIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '30px',
    height: '30px',
    viewBox: '0 0 30 30',
    stroke: '#000000',
  }
  render() {
    const identifier = fromPropsToIdentifier(wording)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <g
          transform="translate(3 3)"
          stroke={this.props.stroke}
          fill="none"
          fillRule="evenodd"
          strokeLinecap="round"
          strokeLinejoin="round"
        >
          <polyline points="0 10.6372292 12 0.027030795 24 10.6372292" />
          <path d="M8.843 23.532v-7.391c0-.583.494-1.056 1.07-1.056h4.174c.576 0 1.017.473 1.017 1.056v7.391" />
          <path d="M21.365 11.165v11.631c0 .583-.441 1.056-1.017 1.056H3.652c-.576 0-1.07-.473-1.07-1.056v-11.63m11.592-3.169c0 1.216-.973 2.2-2.174 2.2-1.2 0-2.174-.984-2.174-2.2 0-1.215.973-2.2 2.174-2.2 1.2 0 2.174.985 2.174 2.2zm4.06-2.639V3.774c0-.292.26-.528.549-.528h1.565c.288 0 .495.236.495.528V7.47" />
        </g>
      </Vector>
    )
  }
}

export { HomeIcon }
export default HomeIcon