// 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 SvgArrowDownCircle2 = ({
  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="M11.6667 7.00008L9.00001 9.66667M9.00001 9.66667L6.33342 7.00008M9.00001 9.66667L9.00001 4.33333M12 12.3333H6.33334M9.00001 1.66667C7.05509 1.66667 5.18983 2.43928 3.81455 3.81455C2.43929 5.18981 1.66667 7.05508 1.66667 9C1.66667 10.9449 2.43929 12.8102 3.81455 14.1855C5.18982 15.5607 7.05509 16.3333 9.00001 16.3333C10.9449 16.3333 12.8102 15.5607 14.1855 14.1855C15.5607 12.8102 16.3333 10.9449 16.3333 9C16.3333 7.05508 15.5607 5.18982 14.1855 3.81455C12.8102 2.43928 10.9449 1.66667 9.00001 1.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
