// 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 SvgZoomOutCopy = ({
  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="M13.0475 13.0472C14.2977 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.6665C6.56531 1.6665 4.86961 2.36888 3.61937 3.61912C2.36913 4.86937 1.66675 6.56506 1.66675 8.33317C1.66675 10.1013 2.36913 11.797 3.61937 13.0472C4.86961 14.2974 6.56531 14.9998 8.33341 14.9998C10.1015 14.9998 11.7972 14.2974 13.0475 13.0472ZM13.0475 13.0472L16.0547 16.0551M5.00008 8.33317H11.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
