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

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

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M15.75 16.245C15.525 16.245 15.3 16.16 15.13 15.99C14.79 15.65 14.79 15.095 15.13 14.755L21.385 8.5C21.725 8.16 22.28 8.16 22.62 8.5C22.96 8.84 22.96 9.395 22.62 9.735L16.365 15.99C16.195 16.16 15.97 16.245 15.745 16.245H15.75Z"
                fill={fill}
                stroke={stroke}
                strokeWidth="0.4"
            />
            <path
                d="M22.005 9.985C21.78 9.985 21.555 9.9 21.385 9.73L15.13 3.475C14.79 3.135 14.79 2.58 15.13 2.24C15.47 1.9 16.025 1.9 16.365 2.24L22.62 8.495C22.96 8.835 22.96 9.39 22.62 9.73C22.45 9.9 22.225 9.985 22 9.985H22.005Z"
                fill={fill}
                stroke={stroke}
                strokeWidth="0.4"
            />
            <path
                d="M1.78998 22.02C1.30498 22.02 0.914978 21.63 0.914978 21.145V9.595C0.914978 8.845 1.52498 8.24 2.26998 8.24H21.525C22.01 8.24 22.4 8.63 22.4 9.115C22.4 9.6 22.01 9.99 21.525 9.99H2.66498V21.15C2.66498 21.635 2.27498 22.025 1.78998 22.025V22.02Z"
                fill={fill}
                stroke={stroke}
                strokeWidth="0.4"
            />
        </svg>
    );
};

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