import React from 'react';

const FileUpload = ({ 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"
      d="M6 22C7.86748 22 9.43606 20.7202 9.87657 18.9899C10.0128 18.4547 10.4477 18 11 18H18V5C18 3.34315 16.6569 2 15 2H5C3.34315 2 2 3.34315 2 5V18C2 20.2091 3.79086 22 6 22Z"
      fill={fill}
    />
    <path
      d="M18 22C19.8675 22 21.4361 20.7202 21.8766 18.9899C22.0128 18.4547 21.5523 18 21 18H18H11C10.4477 18 10.0128 18.4547 9.87657 18.9899C9.43606 20.7202 7.86748 22 6 22H18Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.25 8.82817C9.20334 8.86325 9.15858 8.90202 9.11612 8.94449L7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303C6.17678 10.2374 6.17678 9.76251 6.46967 9.46961L8.05546 7.88383C9.1294 6.80988 10.8706 6.80988 11.9445 7.88383L13.5303 9.46961C13.8232 9.76251 13.8232 10.2374 13.5303 10.5303C13.2374 10.8232 12.7626 10.8232 12.4697 10.5303L10.8839 8.94449C10.8414 8.90202 10.7967 8.86325 10.75 8.82817V12.9999C10.75 13.4142 10.4142 13.7499 10 13.7499C9.58579 13.7499 9.25 13.4142 9.25 12.9999V8.82817Z"
      fill={fill}
    />
  </svg>
);

export default FileUpload;
