import React from 'react';

const InRectangle = ({ 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 2.78906H18.5C20.7091 2.78906 22.5 4.57992 22.5 6.78906V18.7891C22.5 20.9982 20.7091 22.7891 18.5 22.7891H6.5C4.29086 22.7891 2.5 20.9982 2.5 18.7891V6.78906C2.5 4.57992 4.29086 2.78906 6.5 2.78906ZM13.5 7.03906C13.0858 7.03906 12.75 7.37485 12.75 7.78906V11.7891C12.75 12.2033 13.0858 12.5391 13.5 12.5391H17.5C17.9142 12.5391 18.25 12.2033 18.25 11.7891C18.25 11.3748 17.9142 11.0391 17.5 11.0391H15.3107L18.0303 8.31939C18.3232 8.0265 18.3232 7.55163 18.0303 7.25873C17.7374 6.96584 17.2626 6.96584 16.9697 7.25873L14.25 9.9784V7.78906C14.25 7.37485 13.9142 7.03906 13.5 7.03906ZM6.75 13.7891C6.75 14.2033 7.08579 14.5391 7.5 14.5391H9.68934L6.96967 17.2587C6.67678 17.5516 6.67678 18.0265 6.96967 18.3194C7.26256 18.6123 7.73744 18.6123 8.03033 18.3194L10.75 15.5997V17.7891C10.75 18.2033 11.0858 18.5391 11.5 18.5391C11.9142 18.5391 12.25 18.2033 12.25 17.7891V13.7891C12.25 13.3748 11.9142 13.0391 11.5 13.0391H7.5C7.08579 13.0391 6.75 13.3748 6.75 13.7891Z"
      fill={fill}
    />
  </svg>
);

export default InRectangle;
