import React from 'react';

/**
 * Renders the ContentTemplate icon
 * @param {React.SVGProps<SVGSVGElement>} props - The props for the ContentTemplate component
 * @returns {JSX.Element} - The ContentTemplate component
 * @example
 * <ContentTemplate />
 * @example
 * <ContentTemplate height={24} width={24} />
 * @example
 * <ContentTemplate className="custom-class" />
 */
export default function ContentTemplate({
  isDecorative,
  ...props
}: { isDecorative: boolean } & React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" {...props}>
      <path
        fill="#E0D9EF"
        stroke="#BCACDD"
        d="M20 1.5A1.5 1.5 0 0 1 21.5 3v18a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 21V3A1.5 1.5 0 0 1 4 1.5h16Z"
      />
      <rect width="7" height="3" x="6" y="5" fill="#6B47B4" rx="1" />
      <rect width="4" height="4" x="6" y="10" fill="#6B47B4" rx="1" />
      <rect width="7" height="4" x="11" y="10" fill="#6B47B4" rx="1" />
      <rect width="12" height="3" x="6" y="16" fill="#6B47B4" rx="1" />
      <rect width="4" height="3" x="14" y="5" fill="#6B47B4" rx="1" />
      {!isDecorative && <title>content template icon</title>}
    </svg>
  );
}
