// 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 SvgLightDarkMode = ({
  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="M8.00013 12.513C10.4925 12.513 12.513 10.4925 12.513 8.00013M8.00013 12.513C5.50777 12.513 3.48731 10.4925 3.48731 8.00013M8.00013 12.513C9.98407 12.513 11.6689 11.2326 12.2737 9.45327C11.8177 9.60827 11.3289 9.69233 10.8205 9.69233C8.32807 9.69233 6.30761 7.67187 6.30761 5.17951C6.30761 4.67106 6.39169 4.18226 6.54671 3.72624C4.76734 4.33112 3.48731 6.01618 3.48731 8.00013M8.00013 12.513L8 16M12.513 8.00013C12.513 5.50777 10.4925 3.48731 8.00013 3.48731M12.513 8.00013L16 8M8.00013 3.48731C5.50777 3.48731 3.48731 5.50777 3.48731 8.00013M8.00013 3.48731L8 0M3.48731 8.00013L0 8M13.657 2.3431L11.1911 4.80899M11.1911 11.1911L13.6567 13.6567M4.80895 11.1911L2.34326 13.6567M2.3431 2.3431L4.80899 4.80899"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
