import React from 'react';

/**
 * Renders the Page icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the Page component
 * @returns {JSX.Element} - The Page component
 * @example
 * <Page />
 * @example
 * <Page height={24} width={24} />
 * @example
 * <Page className="custom-class" />
 */
export default function Page({ isDecorative, ...props }: { isDecorative: boolean } & React.SVGProps<SVGSVGElement>) {
  return (
    <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        d="m4 1.5c-.82843 0-1.5.67157-1.5 1.5v18c0 .8284.67157 1.5 1.5 1.5h16c.8284 0 1.5-.6716 1.5-1.5v-18c0-.82843-.6716-1.5-1.5-1.5z"
        fill="#cee9d8"
        stroke="#79c292"
      />
      <g fill="#098934">
        <rect height="1" rx=".5" width="6" x="6" y="8" />
        <rect height="1" rx=".5" width="6" x="6" y="10" />
        <rect height="1" rx=".5" width="12" x="6" y="12" />
        <rect height="1" rx=".5" width="12" x="6" y="14" />
        <rect height="1" rx=".5" width="12" x="6" y="16" />
        <rect height="1" rx=".5" width="12" x="6" y="18" />
      </g>
      {!isDecorative && <title>page standard icon</title>}
    </svg>
  );
}
