// 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 SvgWarpFisheye = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33325 1.3335H14.6666V14.6668H1.33325V1.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.99992 8.00016C3.99992 9.06103 4.42135 10.0784 5.17149 10.8286C5.92164 11.5787 6.93905 12.0002 7.99992 12.0002C9.06078 12.0002 10.0782 11.5787 10.8283 10.8286C11.5785 10.0784 11.9999 9.06103 11.9999 8.00016C11.9999 6.9393 11.5785 5.92188 10.8283 5.17174C10.0782 4.42159 9.06078 4.00016 7.99992 4.00016C6.93905 4.00016 5.92164 4.42159 5.17149 5.17174C4.42135 5.92188 3.99992 6.9393 3.99992 8.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
