import React from 'react';

/**
 * Renders the Powerpoint icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the Powerpoint component
 * @returns {JSX.Element} - The Powerpoint component
 * @example
 * <Powerpoint />
 * @example
 * <Powerpoint height={24} width={24} />
 * @example
 * <Powerpoint className="custom-class" />
 */
export default function Powerpoint({
  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="#e96900" height="12" rx="2" width="12" y="8" />
      <g stroke="#fff" strokeLinecap="round">
        <path d="m3.5 11.5v5" />
        <path d="m3.5 11.5h3.5c.33333 0 1.5 0 1.5 1.5s-1.16667 1.5-1.5 1.5h-3" />
      </g>
      {!isDecorative && <title>powerpoint doc icon</title>}
    </svg>
  );
}