// 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 SvgProjector = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.66675 5.33333C7.66675 6.21739 8.01794 7.06523 8.64306 7.69036C9.26818 8.31548 10.116 8.66667 11.0001 8.66667M7.66675 5.33333C7.66675 4.44928 8.01794 3.60143 8.64306 2.97631C9.26818 2.35119 10.116 2 11.0001 2C11.8841 2 12.732 2.35119 13.3571 2.97631C13.9822 3.60143 14.3334 4.44928 14.3334 5.33333M7.66675 5.33333C7.66675 7.17427 9.15915 8.66667 11.0001 8.66667M7.66675 5.33333H1.66675V12H16.3334V5.33333H14.3334M11.0001 8.66667C11.8841 8.66667 12.732 8.31548 13.3571 7.69036C13.9822 7.06523 14.3334 6.21739 14.3334 5.33333M11.0001 8.66667C12.841 8.66667 14.3334 7.17427 14.3334 5.33333M3.00008 12V14.6667M15.0001 12V14.6667M10.3334 5.33333C10.3334 5.51014 10.4037 5.67971 10.5287 5.80474C10.6537 5.92976 10.8233 6 11.0001 6C11.1769 6 11.3465 5.92976 11.4715 5.80474C11.5965 5.67971 11.6667 5.51014 11.6667 5.33333C11.6667 5.15652 11.5965 4.98695 11.4715 4.86193C11.3465 4.7369 11.1769 4.66667 11.0001 4.66667C10.8233 4.66667 10.6537 4.7369 10.5287 4.86193C10.4037 4.98695 10.3334 5.15652 10.3334 5.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
