import React from 'react';

const WorkspaceConstants = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <g clip="url(#clip0_5424_1234)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.54264 1.85566C7.65581 1.85566 6.9369 2.56458 6.9369 3.43907V4.14281C6.9369 4.43431 6.69727 4.67062 6.40166 4.67062C6.10605 4.67062 5.86641 4.43431 5.86641 4.14281V3.43907C5.86641 1.98158 7.0646 0.800049 8.54264 0.800049H9.96995C11.448 0.800049 12.6462 1.98158 12.6462 3.43907V4.14281C12.6462 4.43431 12.4065 4.67062 12.1109 4.67062C11.8153 4.67062 11.5757 4.43431 11.5757 4.14281V3.43907C11.5757 2.56458 10.8568 1.85566 9.96995 1.85566H8.54264Z"
        fill={fill}
      />
      <path
        d="M13.5382 4.14281H4.97426C3.39769 4.14281 2.11963 5.40311 2.11963 6.95777C2.11963 6.95777 3.7955 8.38093 8.05973 8.70406C8.1349 8.70976 8.20191 8.65606 8.22117 8.58419C8.34227 8.13219 8.75978 7.79896 9.25622 7.79896C9.76786 7.79896 10.1957 8.15291 10.3015 8.62604C10.3179 8.69889 10.383 8.75538 10.4586 8.75227C14.7143 8.57756 16.3928 6.95777 16.3928 6.95777C16.3928 5.40311 15.1147 4.14281 13.5382 4.14281Z"
        fill={fill}
      />
      <path
        d="M8.05196 9.54973C8.1267 9.55532 8.18573 9.61667 8.18573 9.69059V9.8398C8.18573 10.4228 8.665 10.8954 9.25622 10.8954C9.84743 10.8954 10.3267 10.4228 10.3267 9.8398V9.76574C10.3267 9.68999 10.3886 9.62784 10.4653 9.62454C13.8014 9.48104 15.677 8.51421 16.3928 8.05164V11.1954L12.9979 13.324C12.4772 13.0136 11.8817 12.8462 11.2733 12.8393C10.6648 12.8324 10.0656 12.9862 9.53782 13.2847C9.01002 13.5833 8.57289 14.0157 8.2718 14.5372C8.11454 14.8095 7.99739 15.1009 7.92262 15.4027H4.97426C3.39769 15.4027 2.11963 14.1424 2.11963 12.5877V8.02225C2.83392 8.4312 4.70529 9.29929 8.05196 9.54973Z"
        fill={fill}
      />
      <path
        d="M8.72105 8.89305C8.72105 8.60155 8.96069 8.36525 9.25629 8.36525C9.5519 8.36525 9.79154 8.60155 9.79154 8.89305V9.80371C9.79154 10.0952 9.5519 10.3315 9.25629 10.3315C8.96069 10.3315 8.72105 10.0952 8.72105 9.80371V8.89305Z"
        fill={fill}
      />
      <path
        d="M18.6409 12.139L17.1631 11.8146C17.1179 11.8029 17.0706 11.8008 17.0244 11.8082C16.9782 11.8156 16.9341 11.8325 16.8949 11.8577L13.2816 14.1233C12.791 13.8308 12.23 13.6731 11.6568 13.6666C11.0836 13.6601 10.5191 13.805 10.0218 14.0863C9.52457 14.3676 9.11274 14.775 8.82908 15.2662C8.54542 15.7574 8.40027 16.3146 8.4087 16.8798C8.41713 17.445 8.57883 17.9977 8.87701 18.4805C9.1752 18.9633 9.599 19.3586 10.1044 19.6253C10.6098 19.8921 11.1784 20.0205 11.7512 19.9974C12.324 19.9743 12.88 19.8004 13.3616 19.4938C13.8627 19.1777 14.2642 18.7297 14.5207 18.2004C14.7772 17.6712 14.8785 17.0818 14.8132 16.4987L18.4266 14.2331C18.4664 14.2088 18.5006 14.1766 18.527 14.1385C18.5534 14.1004 18.5715 14.0573 18.58 14.0119L18.9089 12.5547C18.9205 12.51 18.9227 12.4634 18.9154 12.4178C18.908 12.3722 18.8913 12.3286 18.8661 12.2896C18.841 12.2507 18.8081 12.2172 18.7693 12.1913C18.7306 12.1654 18.6869 12.1476 18.6409 12.139ZM12.4043 18.0091C12.1661 18.1585 11.8883 18.2349 11.6061 18.2285C11.3239 18.2222 11.0499 18.1335 10.8188 17.9737C10.5877 17.8138 10.4099 17.5899 10.3078 17.3304C10.2057 17.0709 10.1839 16.7873 10.2453 16.5156C10.3066 16.2439 10.4483 15.9962 10.6524 15.8039C10.8565 15.6115 11.1138 15.4832 11.3919 15.4351C11.6699 15.387 11.9562 15.4213 12.2145 15.5336C12.4728 15.646 12.6915 15.8313 12.8429 16.0662C13.0461 16.3812 13.114 16.7629 13.0317 17.1273C12.9494 17.4916 12.7238 17.8088 12.4043 18.0091Z"
        fill={fill}
      />
    </g>
    <defs>
      <clipPath id="clip0_5424_1234">
        <rect width="20" height="20" fill={fill} transform="translate(0.519531)" />
      </clipPath>
    </defs>
  </svg>
);

export default WorkspaceConstants;
