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 rectangle(both top left and top right corner is blended) is placed at the top of a rectangle',
  title: 'Trash Icon',
  vectorClassName: 'trashicon',
}

class TrashIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '36px',
    height: '45px',
    viewBox: '0 0 36 45',
    fill: 'none',
    stroke: '#000000',
    strokeWidth: '1',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <line x1="18" y1="12" x2="18" y2="38" />
          <line x1="9.77" y1="12.12" x2="11.77" y2="38.12" />
          <line x1="25.77" y1="12.12" x2="23.77" y2="38.12" />
          <path d="M33.77,6.12,30.05,41.38a3,3,0,0,1-3,2.62H8.47a3,3,0,0,1-3-2.62L1.77,6.09" />
          <line y1="6" x2="36" y2="6" />
          <path d="M10,5V3.12A1.93,1.93,0,0,1,11.77,1h12A2.32,2.32,0,0,1,26,3.12V5" />
        </g>
      </Vector>
    )
  }
}

export { TrashIcon }
export default TrashIcon