import React from 'react';

const SortArrowUp = ({ 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="M6.5 6.03906C6.55004 6.03906 6.59894 6.04396 6.64624 6.05331C7.35087 6.09052 8.04378 6.3969 8.55538 6.97245L10.0606 8.66578C10.3358 8.97537 10.3079 9.44942 9.99828 9.72461C9.68869 9.9998 9.21464 9.97191 8.93945 9.66233L7.43427 7.969C7.3774 7.90502 7.3156 7.84836 7.25 7.79901V18.7891C7.25 19.2033 6.91421 19.5391 6.5 19.5391C6.08579 19.5391 5.75 19.2033 5.75 18.7891V7.79903C5.68441 7.84837 5.62261 7.90503 5.56575 7.969L4.06056 9.66233C3.78538 9.97191 3.31132 9.9998 3.00174 9.72461C2.69215 9.44942 2.66426 8.97537 2.93945 8.66578L4.44463 6.97245C4.95623 6.39691 5.64913 6.09053 6.35375 6.05331C6.40106 6.04396 6.44996 6.03906 6.5 6.03906ZM12.5 6.03906C12.0858 6.03906 11.75 6.37485 11.75 6.78906C11.75 7.20328 12.0858 7.53906 12.5 7.53906H21.5C21.9142 7.53906 22.25 7.20328 22.25 6.78906C22.25 6.37485 21.9142 6.03906 21.5 6.03906H12.5ZM12.5 12.0391C12.0858 12.0391 11.75 12.3748 11.75 12.7891C11.75 13.2033 12.0858 13.5391 12.5 13.5391H18.5C18.9142 13.5391 19.25 13.2033 19.25 12.7891C19.25 12.3748 18.9142 12.0391 18.5 12.0391H12.5ZM11.75 18.7891C11.75 18.3748 12.0858 18.0391 12.5 18.0391H15.5C15.9142 18.0391 16.25 18.3748 16.25 18.7891C16.25 19.2033 15.9142 19.5391 15.5 19.5391H12.5C12.0858 19.5391 11.75 19.2033 11.75 18.7891Z"
      fill={fill}
    />
  </svg>
);

export default SortArrowUp;
