// 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 SvgSelectCircleArea2 = ({
  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="M7.66675 1.78895C8.10355 1.70819 8.54968 1.66675 9.00008 1.66675C9.45048 1.66675 9.89662 1.70819 10.3334 1.78895M7.66675 16.2113C8.10355 16.2921 8.54968 16.3335 9.00008 16.3335C9.45048 16.3335 9.89662 16.2921 10.3334 16.2113M4.23967 14.5785C4.57754 14.8669 4.94319 15.1258 5.33327 15.351C5.72333 15.5762 6.13043 15.7634 6.54907 15.9119M11.4506 2.08829C11.8692 2.23674 12.2763 2.42393 12.6664 2.64913C13.0565 2.87434 13.4221 3.1333 13.76 3.42163M2.08797 11.4509C2.23641 11.8695 2.4236 12.2767 2.64881 12.6667C2.87402 13.0568 3.13297 13.4225 3.42131 13.7603M14.5782 4.23967C14.8665 4.57754 15.1255 4.94319 15.3507 5.33327C15.5759 5.72333 15.7631 6.13043 15.9115 6.54907M1.78895 7.66675C1.70819 8.10355 1.66675 8.54968 1.66675 9.00008C1.66675 9.45048 1.70818 9.89662 1.78895 10.3334M16.211 7.66675C16.2918 8.10355 16.3332 8.54968 16.3332 9.00008C16.3332 9.45048 16.2918 9.89662 16.211 10.3334M3.42195 4.23967C3.13363 4.57754 2.87467 4.94319 2.64946 5.33327C2.42425 5.72333 2.23707 6.13043 2.08862 6.54907M15.9122 11.4509C15.7637 11.8695 15.5765 12.2767 15.3513 12.6667C15.1261 13.0568 14.8672 13.4225 14.5789 13.7603M6.54907 2.08829C6.13043 2.23674 5.72333 2.42393 5.33327 2.64913C4.94319 2.87434 4.57754 3.1333 4.23967 3.42163M13.76 14.5782C13.4221 14.8665 13.0565 15.1255 12.6664 15.3507C12.2763 15.5759 11.8692 15.7631 11.4506 15.9115"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
