import React from 'react';

const ArrowSortRectangle = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18 2.78906H6C3.79086 2.78906 2 4.57992 2 6.78906V18.7891C2 20.9982 3.79086 22.7891 6 22.7891H18C20.2091 22.7891 22 20.9982 22 18.7891V6.78906C22 4.57992 20.2091 2.78906 18 2.78906ZM8.46967 8.25873C8.76256 7.96584 9.23744 7.96584 9.53033 8.25873L11.5303 10.2587C11.8232 10.5516 11.8232 11.0265 11.5303 11.3194C11.2374 11.6123 10.7626 11.6123 10.4697 11.3194L9.75 10.5997V16.7891C9.75 17.2033 9.41421 17.5391 9 17.5391C8.58579 17.5391 8.25 17.2033 8.25 16.7891V10.5997L7.53033 11.3194C7.23744 11.6123 6.76256 11.6123 6.46967 11.3194C6.17678 11.0265 6.17678 10.5516 6.46967 10.2587L8.46967 8.25873ZM12.4697 15.3194L14.4697 17.3194C14.7626 17.6123 15.2374 17.6123 15.5303 17.3194L17.5303 15.3194C17.8232 15.0265 17.8232 14.5516 17.5303 14.2587C17.2374 13.9658 16.7626 13.9658 16.4697 14.2587L15.75 14.9784V8.78906C15.75 8.37485 15.4142 8.03906 15 8.03906C14.5858 8.03906 14.25 8.37485 14.25 8.78906V14.9784L13.5303 14.2587C13.2374 13.9658 12.7626 13.9658 12.4697 14.2587C12.1768 14.5516 12.1768 15.0265 12.4697 15.3194Z"
      fill={fill}
    />
  </svg>
);

export default ArrowSortRectangle;
