import React from 'react';

/**
 * Renders the Video icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the Video component
 * @returns {JSX.Element} - The Video component
 * @example
 * <Video />
 * @example
 * <Video height={24} width={24} />
 * @example
 * <Video className="custom-class" />
 */
export default function Video({ 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}>
      <rect fill="#e0d9ef" height="15" rx="1.5" stroke="#ac98d5" width="21" x="1.5" y="4.5" />
      <path
        d="m9.5 15.2516v-6.50318c0-.38671.42019-.62704.7535-.43097l5.5277 3.25155c.3287.1934.3287.6686 0 .862l-5.5277 3.2516c-.33331.196-.7535-.0443-.7535-.431z"
        fill="#ac98d5"
        stroke="#6b47b4"
        strokeLinecap="round"
      />
      {!isDecorative && <title>video file icon</title>}
    </svg>
  );
}