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 = {
  vectorClassName: 'pancake',
  title: 'Pancake icon',
  description: 'An icon, representing a menu.',
}

class PancakeIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '18px',
    height: '14px',
    viewBox: '0 0 18 14',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g stroke="none" strokeWidth="1" fillRule="evenodd">
          <rect x="0" y="0" width="100%" height="2" />
          <rect x="0" y="6" width="100%" height="2" />
          <rect x="0" y="12" width="100%" height="2" />
        </g>
      </Vector>
    )
  }
}

export { PancakeIcon }
export default PancakeIcon