// 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 SvgLens = ({
  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="M6.80008 8.99984C6.80008 9.28875 6.85699 9.57482 6.96755 9.84174C7.07811 10.1087 7.24016 10.3512 7.44445 10.5555C7.64874 10.7598 7.89126 10.9218 8.15818 11.0324C8.42509 11.1429 8.71117 11.1998 9.00008 11.1998C9.28899 11.1998 9.57507 11.1429 9.84199 11.0324C10.1089 10.9218 10.3514 10.7598 10.5557 10.5555C10.76 10.3512 10.9221 10.1087 11.0326 9.84174C11.1432 9.57482 11.2001 9.28875 11.2001 8.99984M6.80008 8.99984C6.80008 8.71093 6.85699 8.42485 6.96755 8.15793C7.07811 7.89102 7.24016 7.64849 7.44445 7.4442C7.64874 7.23991 7.89126 7.07786 8.15818 6.9673C8.42509 6.85674 8.71117 6.79984 9.00008 6.79984C9.28899 6.79984 9.57507 6.85674 9.84199 6.9673C10.1089 7.07786 10.3514 7.23991 10.5557 7.4442C10.76 7.64849 10.9221 7.89102 11.0326 8.15793C11.1432 8.42485 11.2001 8.71093 11.2001 8.99984M6.80008 8.99984L6.80021 2.00244M11.2001 8.99984L11.2003 15.9946M10.1 10.9048L4.0446 14.4009M7.90015 7.09471L13.9558 3.59847M7.90048 10.9048L1.84066 7.40615M10.1001 7.09424L16.1567 10.591M1.66675 8.99984C1.66675 10.9448 2.43937 12.81 3.81463 14.1853C5.1899 15.5606 7.05516 16.3332 9.00008 16.3332C10.945 16.3332 12.8103 15.5606 14.1855 14.1853C15.5608 12.81 16.3334 10.9448 16.3334 8.99984C16.3334 7.05492 15.5608 5.18965 14.1855 3.81439C12.8103 2.43912 10.945 1.6665 9.00008 1.6665C7.05516 1.6665 5.1899 2.43912 3.81463 3.81439C2.43937 5.18965 1.66675 7.05492 1.66675 8.99984Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
