import React from 'react';

const Checkbox = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      d="M35.8887 2H13.8887C7.81354 2 2.88867 6.92487 2.88867 13V35C2.88867 41.0751 7.81354 46 13.8887 46H35.8887C41.9638 46 46.8887 41.0751 46.8887 35V13C46.8887 6.92487 41.9638 2 35.8887 2Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M35.307 12.8753C36.2442 13.4221 36.5604 14.625 36.0135 15.5619L25.9264 32.8453C25.6711 33.2836 25.3237 33.6634 24.9092 33.956C24.4979 34.2461 24.0295 34.4453 23.5352 34.5399C23.0334 34.6392 22.5158 34.6264 22.0195 34.5022C21.5243 34.3784 21.0625 34.1471 20.6671 33.8243L14.2329 28.677C13.3858 27.9994 13.2484 26.7632 13.9261 25.9161C14.6038 25.069 15.8399 24.9317 16.687 25.6094L22.7636 30.4706L32.6205 13.5817C33.1674 12.6447 34.3701 12.3285 35.307 12.8753Z"
      fill="#3E63DD"
    />
  </svg>
);

export default Checkbox;
