import React from 'react';

/**
 * Renders the Word icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the Word component
 * @returns {JSX.Element} - The Word component
 * @example
 * <Word />
 * @example
 * <Word isDecorative={false} />
 * @example
 * <Word height={24} width={24} />
 * @example
 * <Word className="custom-class" />
 */
export default function Word({ 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="#e7e7e7"
        stroke="#bcbcbc"
      />
      <path d="m14.5 3v3.5c0 .55228.4477 1 1 1h3.5" stroke="#bcbcbc" />
      <rect fill="#0774d2" height="12" rx="2" width="12" y="8" />
      <path d="m2.5 11.5 1.5 5 2-5 2 5 1.5-5" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" />
      {!isDecorative && <title>word doc icon</title>}
    </svg>
  );
}