import React from 'react';

/**
 * Renders the GenericFile icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the GenericFile component
 * @returns {JSX.Element} - The GenericFile component
 * @example
 * <GenericFile />
 * @example
 * <GenericFile height={24} width={24} />
 * @example
 * <GenericFile className="custom-class" />
 */
export default function GenericFile({
  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="m15.9393 3.23223-.3515.35154.3515-.35154c-.4688-.46884-1.1047-.73223-1.7677-.73223h-8.1716c-.82843 0-1.5.67157-1.5 1.5v16c0 .8284.67157 1.5 1.5 1.5h12c.8284 0 1.5-.6716 1.5-1.5v-12.17157c0-.66304-.2634-1.29893-.7322-1.76777z"
        fill="#fff"
        stroke="#74b1e6"
      />
      <path d="m14.5 3v3.5c0 .55228.4477 1 1 1h3.5" stroke="#74b1e6" />
      <path d="m14.5 7.5v-5l5 5z" fill="#cce2f6" />
      <g stroke="#74b1e6">
        <path d="m15.9393 3.23223-.3515.35154.3515-.35154c-.4688-.46884-1.1047-.73223-1.7677-.73223h-8.1716c-.82843 0-1.5.67157-1.5 1.5v16c0 .8284.67157 1.5 1.5 1.5h12c.8284 0 1.5-.6716 1.5-1.5v-12.17157c0-.66304-.2634-1.29893-.7322-1.76777z" />
        <path d="m14.5 3v3.5c0 .55228.4477 1 1 1h3.5" />
      </g>
      {!isDecorative && <title>generic file icon</title>}
    </svg>
  );
}
