import React from 'react';

const Page = ({ 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="M3.5 18.7891V6.78906C3.5 4.57992 5.29086 2.78906 7.5 2.78906H17.5C19.7091 2.78906 21.5 4.57992 21.5 6.78906V13.1322C21.5 13.44 21.4645 13.7441 21.3959 14.0391H17.5C14.8766 14.0391 12.75 16.1657 12.75 18.7891V22.6849C12.455 22.7536 12.1509 22.7891 11.8431 22.7891H7.5C5.29086 22.7891 3.5 20.9982 3.5 18.7891ZM14.25 21.9839C14.398 21.8724 14.539 21.7501 14.6716 21.6175L20.3284 15.9606C20.461 15.828 20.5833 15.6871 20.6949 15.5391H17.5C15.7051 15.5391 14.25 16.9941 14.25 18.7891V21.9839ZM7.75 7.78906C7.75 7.37485 8.08579 7.03906 8.5 7.03906H16.5C16.9142 7.03906 17.25 7.37485 17.25 7.78906C17.25 8.20328 16.9142 8.53906 16.5 8.53906H8.5C8.08579 8.53906 7.75 8.20328 7.75 7.78906ZM8.5 11.0391C8.08579 11.0391 7.75 11.3748 7.75 11.7891C7.75 12.2033 8.08579 12.5391 8.5 12.5391H12.5C12.9142 12.5391 13.25 12.2033 13.25 11.7891C13.25 11.3748 12.9142 11.0391 12.5 11.0391H8.5Z"
      fill={fill}
    />
  </svg>
);

export default Page;
