// 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 SvgLightDisplayMode = ({
  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="M9.00008 3.66675V5.00008M9.00008 13.0001V14.3334M12.7713 5.22892L11.8285 6.17173M6.17173 11.8285L5.22892 12.7713M14.3334 9.00008H13.0001M5.00008 9.00008H3.66675M12.7713 12.7713L11.8285 11.8285M6.17173 6.17173L5.22892 5.22892M6.33341 9.00008C6.33341 9.70733 6.61437 10.3856 7.11446 10.8857C7.61456 11.3858 8.29284 11.6667 9.00008 11.6667C9.70733 11.6667 10.3856 11.3858 10.8857 10.8857C11.3858 10.3856 11.6667 9.70733 11.6667 9.00008C11.6667 8.29284 11.3858 7.61456 10.8857 7.11446C10.3856 6.61437 9.70733 6.33341 9.00008 6.33341C8.29284 6.33341 7.61456 6.61437 7.11446 7.11446C6.61437 7.61456 6.33341 8.29284 6.33341 9.00008ZM1.66675 9.00008C1.66675 10.945 2.43937 12.8103 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8103 16.3334 10.945 16.3334 9.00008C16.3334 7.05516 15.5608 5.1899 14.1855 3.81463C12.8103 2.43937 10.945 1.66675 9.00008 1.66675C7.05516 1.66675 5.1899 2.43937 3.81463 3.81463C2.43937 5.1899 1.66675 7.05516 1.66675 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
