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
      opacity="0.4"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.25 6C11.25 5.58579 11.5858 5.25 12 5.25L21 5.25C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75L12 6.75C11.5858 6.75 11.25 6.41421 11.25 6Z"
      fill={fill}
    />
    <path
      opacity="0.4"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.25 12C11.25 11.5858 11.5858 11.25 12 11.25H18C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H12C11.5858 12.75 11.25 12.4142 11.25 12Z"
      fill={fill}
    />
    <path
      opacity="0.4"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.25 18C11.25 17.5858 11.5858 17.25 12 17.25H15C15.4142 17.25 15.75 17.5858 15.75 18C15.75 18.4142 15.4142 18.75 15 18.75H12C11.5858 18.75 11.25 18.4142 11.25 18Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M6.14624 5.26425C6.09894 5.2549 6.05004 5.25 6 5.25C5.94996 5.25 5.90106 5.2549 5.85376 5.26425C5.14913 5.30147 4.45623 5.60785 3.94463 6.18339L2.43945 7.87672C2.16426 8.18631 2.19215 8.66036 2.50174 8.93555C2.81132 9.21074 3.28538 9.18285 3.56056 8.87326L5.06575 7.17994C5.12261 7.11596 5.18441 7.05931 5.25 7.00996V18C5.25 18.4142 5.58579 18.75 6 18.75C6.41421 18.75 6.75 18.4142 6.75 18V7.00995C6.8156 7.0593 6.8774 7.11596 6.93427 7.17994L8.43945 8.87326C8.71464 9.18285 9.18869 9.21074 9.49828 8.93555C9.80787 8.66036 9.83575 8.18631 9.56056 7.87672L8.05538 6.18339C7.54378 5.60784 6.85087 5.30146 6.14624 5.26425Z"
      fill={fill}
    />
  </svg>
);

export default SortArrowUp;
