import React from 'react';

const CheckRectangle = ({ 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="M18.5 2.78906H6.5C4.29086 2.78906 2.5 4.57992 2.5 6.78906V18.7891C2.5 20.9982 4.29086 22.7891 6.5 22.7891H18.5C20.7091 22.7891 22.5 20.9982 22.5 18.7891V6.78906C22.5 4.57992 20.7091 2.78906 18.5 2.78906ZM17.092 10.2496C17.3463 9.92259 17.2874 9.45139 16.9605 9.19708C16.6335 8.94278 16.1623 9.00168 15.908 9.32864L11.901 14.4805C11.8119 14.5951 11.6443 14.6099 11.5364 14.5128L9.00173 12.2316C8.69385 11.9545 8.21963 11.9795 7.94254 12.2874C7.66544 12.5953 7.6904 13.0695 7.99828 13.3466L10.533 15.6278C11.2881 16.3074 12.4613 16.2033 13.085 15.4014L17.092 10.2496Z"
      fill={fill}
    />
  </svg>
);

export default CheckRectangle;
