/* eslint-disable functional/no-class */
/* eslint-disable functional/no-this-expression */
import { IconProps } from './IconProps'

import React from 'react'

export class TrashSectionIcon extends React.Component<IconProps> {
  render() {
    const color = (this.props.color || '#2A2A2A').toString()

    return (
      <svg
        width="23"
        height="24"
        viewBox="0 0 23 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g>
          <path
            d="M18.5823 7C18.816 7.00026 19.0407 7.08972 19.2106 7.25011C19.3805 7.4105 19.4827 7.62971 19.4964 7.86295C19.5101 8.09618 19.4342 8.32585 19.2842 8.50501C19.1343 8.68418 18.9216 8.79932 18.6896 8.82692L18.5823 8.83333H18.5081L17.6656 18.9167C17.6657 19.6181 17.3977 20.2931 16.9165 20.8034C16.4353 21.3138 15.7772 21.6209 15.077 21.6621L14.9156 21.6667H7.58232C6.11748 21.6667 4.92032 20.5217 4.83965 19.1458L4.83507 18.9927L3.98898 8.83333H3.91565C3.68201 8.83307 3.45729 8.74361 3.2874 8.58322C3.11751 8.42283 3.01527 8.20363 3.00158 7.97039C2.98788 7.73715 3.06377 7.50749 3.21373 7.32832C3.36368 7.14915 3.5764 7.03401 3.8084 7.00642L3.91565 7H18.5823Z"
            fill={color}
          />
          <path
            d="M13.0823 3.30859C13.5685 3.30859 14.0348 3.50175 14.3786 3.84556C14.7225 4.18938 14.9156 4.6557 14.9156 5.14193C14.9153 5.37557 14.8259 5.60029 14.6655 5.77018C14.5051 5.94007 14.2859 6.04231 14.0527 6.056C13.8194 6.06969 13.5898 5.99381 13.4106 5.84385C13.2314 5.69389 13.1163 5.48118 13.0887 5.24918L13.0823 5.14193H9.41561L9.40919 5.24918C9.3816 5.48118 9.26645 5.69389 9.08729 5.84385C8.90812 5.99381 8.67846 6.06969 8.44522 6.056C8.21198 6.04231 7.99277 5.94007 7.83239 5.77018C7.672 5.60029 7.58253 5.37557 7.58228 5.14193C7.58213 4.6794 7.75681 4.23391 8.07131 3.89476C8.38581 3.55561 8.81688 3.34787 9.27811 3.31318L9.41561 3.30859H13.0823Z"
            fill={color}
          />
        </g>
      </svg>
    )
  }
}
