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

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

const wording = {
  description:
    'A building which is identified as a store as it is likely to have a takeaway outlet at the front.',
  title: 'Store front icon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g
          transform="translate(1 1)"
          strokeWidth="2"
          fill="none"
          fillRule="evenodd"
          strokeLinecap="round"
          strokeLinejoin="round"
        >
          <path d="M21.0508 18.9033c0 2.9-2.351 5.25-5.25 5.25s-5.25-2.35-5.25-5.25" />
          <path d="M10.5508 18.9033c0 2.9-2.351 5.25-5.25 5.25s-5.25-2.35-5.25-5.25l3.544-10.632c.272-.817 1.037-1.368 1.898-1.368h31.116c.861 0 1.626.551 1.898 1.368l3.544 10.632c0 2.9-2.351 5.25-5.25 5.25s-5.25-2.35-5.25-5.25" />
          <path d="M31.5508 18.9033c0 2.9-2.351 5.25-5.25 5.25s-5.25-2.35-5.25-5.25" />
          <path d="M3.0508 23.9033v17c0 1.105.895 2 2 2h32c1.105 0 2-.895 2-2v-17m-33-18v-3c0-1.105.895-2 2-2h26c1.105 0 2 .895 2 2v3" />
          <polyline points="21.0508 41.9033 21.0508 28.9033 33.0508 28.9033 33.0508 41.9033" />
          <polyline points="17.0508 28.9033 17.0508 34.9033 7.0508 34.9033 7.0508 28.9033" />
        </g>
      </Vector>
    )
  }
}

export { StoreFrontIcon }
export default StoreFrontIcon