import React from 'react';

const FolderUpload = ({ 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="M22.5 10.7891V17.7891C22.5 19.9982 20.7091 21.7891 18.5 21.7891H6.5C4.29086 21.7891 2.5 19.9982 2.5 17.7891V7.78906C2.5 5.57992 4.29086 3.78906 6.5 3.78906H9.16667C10.0321 3.78906 10.8743 4.06977 11.5667 4.58906L13.4333 5.98906C14.1257 6.50835 14.9679 6.78906 15.8333 6.78906H18.5C20.7091 6.78906 22.5 8.57992 22.5 10.7891ZM11.6161 12.7335C11.6586 12.6911 11.7033 12.6523 11.75 12.6172V16.789C11.75 17.2032 12.0858 17.539 12.5 17.539C12.9142 17.539 13.25 17.2032 13.25 16.789V12.6172C13.2967 12.6523 13.3414 12.6911 13.3839 12.7335L14.9697 14.3193C15.2626 14.6122 15.7374 14.6122 16.0303 14.3193C16.3232 14.0264 16.3232 13.5516 16.0303 13.2587L14.4445 11.6729C13.3706 10.5989 11.6294 10.5989 10.5555 11.6729L8.96967 13.2587C8.67678 13.5516 8.67678 14.0264 8.96967 14.3193C9.26256 14.6122 9.73744 14.6122 10.0303 14.3193L11.6161 12.7335Z"
      fill={fill}
    />
  </svg>
);

export default FolderUpload;
