// 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 SvgSelectCircleArea = ({
  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.00008 1.94473C7.64513 1.76185 8.31768 1.66675 9.00008 1.66675C9.68248 1.66675 10.355 1.76185 11.0001 1.94473M12.5749 2.59709C13.1603 2.92389 13.7032 3.33222 14.1857 3.81474C14.6682 4.29725 15.0765 4.84009 15.4033 5.42551M16.0554 7.00008C16.2383 7.64513 16.3334 8.31768 16.3334 9.00008C16.3334 9.68248 16.2383 10.355 16.0554 11.0001M15.4033 12.5749C15.0765 13.1603 14.6682 13.7032 14.1857 14.1857C13.7032 14.6682 13.1603 15.0765 12.5749 15.4033M7.00008 16.0554C7.64513 16.2383 8.31768 16.3334 9.00008 16.3334C9.68248 16.3334 10.355 16.2383 11.0001 16.0554M2.59709 12.5749C2.92389 13.1603 3.33222 13.7032 3.81474 14.1857C4.29725 14.6682 4.84009 15.0765 5.42551 15.4033M1.94473 7.00008C1.76185 7.64513 1.66675 8.31768 1.66675 9.00008C1.66675 9.68248 1.76185 10.355 1.94473 11.0001M5.42486 2.59709C4.83943 2.92389 4.2966 3.33222 3.81409 3.81474C3.33157 4.29725 2.92324 4.84009 2.59643 5.42551"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
