// 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 SvgDarkDislayMode = ({
  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="M1.66675 9.00002C1.66675 10.945 2.43937 12.8102 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.8102 16.3334 10.945 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8103 2.43931 10.945 1.66669 9.00008 1.66669C7.05516 1.66669 5.1899 2.43931 3.81463 3.81457C2.43937 5.18984 1.66675 7.0551 1.66675 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M12.0001 11.6458C11.9449 11.7083 11.8877 11.7692 11.8285 11.8284C11.0783 12.5786 10.0609 13 9.00008 13C7.93921 13 6.9218 12.5786 6.17165 11.8284C5.42151 11.0783 5.00008 10.0609 5.00008 9.00002C5.00008 7.93915 5.42151 6.92174 6.17165 6.17159C6.9218 5.42145 7.93921 5.00002 9.00008 5.00002C10.0609 5.00002 11.0783 5.42145 11.8285 6.17159C11.8877 6.23085 11.9449 6.29177 12.0001 6.35425C11.4157 6.42785 10.8686 6.69351 10.4477 7.1144C9.94761 7.6145 9.66668 8.29275 9.66668 9.00002C9.66668 9.70729 9.94761 10.3856 10.4477 10.8856C10.8686 11.3066 11.4157 11.5722 12.0001 11.6458Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
