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

const ArrowRight = (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="M21.525 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11H21.525C22.075 11 22.525 11.45 22.525 12C22.525 12.55 22.075 13 21.525 13Z"
                fill={fill}
            />
            <path
                d="M15.81 19.19C15.555 19.19 15.3 19.09 15.105 18.895C14.715 18.505 14.715 17.87 15.105 17.48L21.295 11.29C21.685 10.9 22.32 10.9 22.71 11.29C23.1 11.68 23.1 12.315 22.71 12.705L16.52 18.895C16.325 19.09 16.07 19.19 15.815 19.19H15.81Z"
                fill={fill}
            />
            <path
                d="M22 13C21.745 13 21.49 12.9 21.295 12.705L15.105 6.515C14.715 6.125 14.715 5.49 15.105 5.1C15.495 4.71 16.13 4.71 16.52 5.1L22.71 11.29C23.1 11.68 23.1 12.315 22.71 12.705C22.515 12.9 22.26 13 22.005 13H22Z"
                fill={fill}
            />
        </svg>
    );
};

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