// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgPdfToJpg = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M15.6667 14.3334H4.33341V4.33341H14.3334V10.3334M12.3334 1.66675H1.66675V12.3334M4.33341 10.6667L7.00008 8.00008L11.3334 12.3334M14.0001 12.3334L16.0001 14.3334L14.0001 16.3334M11.0001 7.00008C10.6319 7.00008 10.3334 7.29856 10.3334 7.66675C10.3334 8.03495 10.6319 8.33341 11.0001 8.33341C11.3683 8.33341 11.6667 8.03495 11.6667 7.66675C11.6667 7.29856 11.3683 7.00008 11.0001 7.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
