// 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 SvgZoomReset = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.66675 8.33317C1.66675 10.1013 2.36913 11.797 3.61937 13.0472C4.86961 14.2974 6.5653 14.9998 8.33341 14.9998C10.1015 14.9998 11.7967 14.2974 13.0469 13.0472M13.0469 13.0472C14.2972 11.797 15.0001 10.1013 15.0001 8.33317C15.0001 6.56506 14.2977 4.86937 13.0475 3.61912C11.7972 2.36888 10.1015 1.6665 8.33341 1.6665C4.69705 1.6665 3.1819 4.24226 1.66675 5.90893M13.0469 13.0472L16.0547 16.0551M1.66675 5.90893V2.81787M1.66675 5.90893L4.75765 5.90878"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
