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

const wording = {
  vectorClassName: 'gift',
  title: 'Calendar icon',
  description: 'a calendar icon representing the events.',
}

class CalendarIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '100px',
    height: '112px',
    viewBox: '0 0 230 256',
    fill: '#2c2c2c',
  }
  render() {
    const { fill } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <path
          d={'M206,256H22v-0.1A23.989,23.989,0,0,1,0,232V50A23.989,23.989,0,0,1,22,26.1V26H38V0H64V26H166V0h26V26h14a24,24,0,0,1,24,24V232A24,24,0,0,1,206,256ZM204,89H26V230H204V89ZM179,205H115V141h64v64Z'}
          fill={fill}
          fillRule={'evenodd'}
        />
      </Vector>
    )
  }
}

export { CalendarIcon }
export default CalendarIcon