// 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 SvgPdfReader = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33341 8.33342V1.66675H13.0001L16.3334 5.00008V16.3334H10.3334M5.00008 13.3334H6.33341M8.22855 9.01062C8.87368 7.15455 9.35328 5.22444 9.23735 4.76844C8.94288 3.61002 7.80515 3.64065 7.98875 5.05362C8.17241 6.46659 11.8397 10.0441 13.0539 10.563C14.2681 11.0819 14.5897 9.79282 13.3763 9.46622C12.8027 9.31182 11.2861 9.61082 9.72268 10.0589M5.66677 10.3334C3.00011 10.3334 1.72681 13.3334 1.72681 13.3334C1.72681 13.3334 3.00011 16.3334 5.66677 16.3334C8.33341 16.3334 9.60681 13.3334 9.60681 13.3334C9.60681 13.3334 8.33341 10.3334 5.66677 10.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
