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

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

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M11 21.5225L11 1.99754C11 1.44754 11.45 0.997536 12 0.997536C12.55 0.997536 13 1.44754 13 1.99754L13 21.5225C13 22.0725 12.55 22.5225 12 22.5225C11.45 22.5225 11 22.0725 11 21.5225Z"
                fill={fill}
            />
            <path
                d="M4.81 15.8075C4.81 15.5525 4.91 15.2975 5.105 15.1025C5.495 14.7125 6.13 14.7125 6.52 15.1025L12.71 21.2925C13.1 21.6825 13.1 22.3175 12.71 22.7075C12.32 23.0975 11.685 23.0975 11.295 22.7075L5.105 16.5175C4.91 16.3225 4.81 16.0675 4.81 15.8125V15.8075Z"
                fill={fill}
            />
            <path
                d="M11 21.9975C11 21.7425 11.1 21.4875 11.295 21.2925L17.485 15.1025C17.875 14.7125 18.51 14.7125 18.9 15.1025C19.29 15.4925 19.29 16.1275 18.9 16.5175L12.71 22.7075C12.32 23.0975 11.685 23.0975 11.295 22.7075C11.1 22.5125 11 22.2575 11 22.0025V21.9975Z"
                fill={fill}
            />
        </svg>
    );
};

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