import React from 'react';

const Menu = ({ 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 3.78906C4.29086 3.78906 2.5 5.57992 2.5 7.78906V17.7891C2.5 19.9982 4.29086 21.7891 6.5 21.7891H18.5C20.7091 21.7891 22.5 19.9982 22.5 17.7891V7.78906C22.5 5.57992 20.7091 3.78906 18.5 3.78906H6.5ZM6.91603 8.16498C6.57138 7.93522 6.10573 8.02835 5.87597 8.37299C5.6462 8.71764 5.73933 9.18329 6.08398 9.41306L9.86518 11.9339C11.4607 12.9975 13.5393 12.9975 15.1348 11.9339L18.916 9.41306C19.2607 9.18329 19.3538 8.71764 19.124 8.37299C18.8943 8.02835 18.4286 7.93522 18.084 8.16498L14.3028 10.6858C13.2111 11.4136 11.7889 11.4136 10.6972 10.6858L6.91603 8.16498Z"
      fill={fill}
    />
  </svg>
);

export default Menu;
