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

import React from 'react'

export class ArchiveSectionIcon 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.5 4.30859H3.83333C2.82081 4.30859 2 5.1294 2 6.14193C2 7.15445 2.82081 7.97526 3.83333 7.97526H18.5C19.5125 7.97526 20.3333 7.15445 20.3333 6.14193C20.3333 5.1294 19.5125 4.30859 18.5 4.30859Z"
            fill={color}
          />
          <path
            d="M17.75 9.80859C18.2202 9.80859 18.608 10.233 18.6602 10.7803L18.6667 10.9086V17.5086C18.6667 19.2658 17.5217 20.7023 16.078 20.8031L15.9167 20.8086H6.75C5.28517 20.8086 4.088 19.4345 4.00458 17.7029L4 17.5086V10.9086C4 10.3008 4.41067 9.80859 4.91667 9.80859H17.75ZM13.1667 11.6419H9.5L9.39275 11.6483C9.16995 11.6748 8.96461 11.7821 8.81563 11.9499C8.66664 12.1177 8.58435 12.3342 8.58435 12.5586C8.58435 12.783 8.66664 12.9995 8.81563 13.1673C8.96461 13.3351 9.16995 13.4423 9.39275 13.4688L9.5 13.4753H13.1667L13.2739 13.4688C13.4967 13.4423 13.7021 13.3351 13.851 13.1673C14 12.9995 14.0823 12.783 14.0823 12.5586C14.0823 12.3342 14 12.1177 13.851 11.9499C13.7021 11.7821 13.4967 11.6748 13.2739 11.6483L13.1667 11.6419Z"
            fill={color}
          />
        </g>
      </svg>
    )
  }
}
