import React from 'react';

const Codeeditor = ({ 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
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8.28103 2C5.30291 2 2.88867 4.41424 2.88867 7.39235V40.6074C2.88867 43.5858 5.30291 46 8.28103 46H41.4963C44.4743 46 46.8885 43.5858 46.8885 40.6074V7.39235C46.8885 4.41424 44.4743 2 41.4963 2H8.28103Z"
      fill={fill}
    />
    <path
      d="M8.28103 2C5.30291 2 2.88867 4.41424 2.88867 7.39235V12.9268H46.8885V7.39235C46.8885 4.41424 44.4743 2 41.4963 2H8.28103Z"
      fill="#3E63DD"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.1446 22.6951C16.2577 21.7303 14.7567 21.6672 13.7919 22.5541C12.8271 23.4409 12.764 24.942 13.6508 25.9067L16.9203 29.4633L13.6508 33.0198C12.764 33.9845 12.8271 35.4857 13.7919 36.3725C14.7567 37.2593 16.2577 37.1963 17.1446 36.2314L21.8901 31.0691C22.7247 30.1612 22.7247 28.7654 21.8901 27.8575L17.1446 22.6951ZM29.6344 27.0904C28.324 27.0904 27.2616 28.1527 27.2616 29.4632C27.2616 30.7736 28.324 31.836 29.6344 31.836H35.9618C37.2723 31.836 38.3346 30.7736 38.3346 29.4632C38.3346 28.1527 37.2723 27.0904 35.9618 27.0904H29.6344Z"
      fill="#3E63DD"
    />
  </svg>
);

export default Codeeditor;
