import React from 'react';

const EditReactangle = ({ 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
      opacity="0.4"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M6 2.75C4.20507 2.75 2.75 4.20507 2.75 6V18C2.75 19.7949 4.20507 21.25 6 21.25H18C19.7949 21.25 21.25 19.7949 21.25 18V12C21.25 11.5858 21.5858 11.25 22 11.25C22.4142 11.25 22.75 11.5858 22.75 12V18C22.75 20.6234 20.6234 22.75 18 22.75H6C3.37665 22.75 1.25 20.6234 1.25 18V6C1.25 3.37665 3.37665 1.25 6 1.25H12C12.4142 1.25 12.75 1.58579 12.75 2C12.75 2.41421 12.4142 2.75 12 2.75H6Z"
      fill={fill}
    />
    <path
      d="M9.15467 15.9895L12.1583 15.5604C12.5916 15.4985 12.9931 15.2978 13.3025 14.9883L19.9773 8.3136C19.9773 8.3136 18.547 8.3136 17.1167 6.8833C15.6864 5.453 15.6864 4.02271 15.6864 4.02271L9.01164 10.6974C8.70217 11.0069 8.50142 11.4084 8.43952 11.8417L8.01044 14.8453C7.91508 15.5128 8.4872 16.0849 9.15467 15.9895Z"
      fill={fill}
    />
    <path
      opacity="0.4"
      d="M21.4075 4.02275L19.9772 2.59245C19.1872 1.80252 17.9065 1.80252 17.1166 2.59245L15.6863 4.02275C15.6863 4.02275 15.6863 5.45305 17.1166 6.88334C18.5469 8.31364 19.9772 8.31364 19.9772 8.31364L21.4075 6.88334C22.1974 6.09341 22.1974 4.81268 21.4075 4.02275Z"
      fill={fill}
    />
  </svg>
);

export default EditReactangle;
