// 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 SvgZoomOutArea = ({
  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="M6.66659 9.3335H11.9999M15.3329 15.3335L12.6327 12.6333M1.33325 11.6668V14.6668H4.33325M1.33325 5.66683V10.3335M1.33325 4.3335V1.3335H4.33325M5.66659 1.3335H10.3333M11.6666 1.3335H14.6666V4.3335M13.9999 9.3335C13.9999 11.9108 11.9106 14.0002 9.33325 14.0002C6.75592 14.0002 4.66658 11.9108 4.66658 9.3335C4.66658 6.75616 6.75592 4.66683 9.33325 4.66683C11.9106 4.66683 13.9999 6.75616 13.9999 9.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
