import * as React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const Trash = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        stroke = Icon40PropValues.stroke,
        fill = Icon40PropValues.fill,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M18.002 22.995H5.539c-.35 0-.646-.277-.688-.647L3.005 5.812a.74.74 0 0 1 .17-.569A.67.67 0 0 1 3.694 5H20.31c.203 0 .392.092.521.253.134.16.19.375.162.584l-2.308 16.54c-.05.36-.341.623-.683.623zm-11.85-1.46h11.25l2.105-15.08H4.473l1.685 15.08zM16.5 4.833a.75.75 0 0 1-.75-.75v-1.25h-7.5v1.25a.749.749 0 1 1-1.5 0v-1.5c0-.69.56-1.25 1.25-1.25h8c.69 0 1.25.56 1.25 1.25v1.5c0 .415-.335.75-.75.75Z"
            />
            <path stroke={stroke} strokeLinecap="round" strokeWidth={2} d="M2 5.333h20" />
            <path
                stroke={stroke}
                strokeLinecap="round"
                strokeWidth={1.8}
                d="M12 9.333v9.334M7.431 9.368l1.138 9.264M16.533 9.368l-1.137 9.264"
            />
        </svg>
    );
};

Trash.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default Trash;