// 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 SvgArrowTransferHorizontalCircle2 = ({
  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="M10.6667 4.66667L12.6667 6.66667M12.6667 6.66667L10.6667 8.66667M12.6667 6.66667H4.99999M7.33332 9.33334L5.33332 11.3333M5.33332 11.3333L7.33332 13.3333M5.33332 11.3333L13 11.3333M1.66666 9.00001C1.66666 10.9449 2.43928 12.8102 3.81454 14.1855C5.18981 15.5607 7.05507 16.3333 8.99999 16.3333C10.9449 16.3333 12.8102 15.5607 14.1855 14.1855C15.5607 12.8102 16.3333 10.9449 16.3333 9.00001C16.3333 7.05509 15.5607 5.18983 14.1855 3.81456C12.8102 2.43929 10.9449 1.66667 8.99999 1.66667C7.05507 1.66667 5.18981 2.43929 3.81454 3.81456C2.43928 5.18983 1.66666 7.05509 1.66666 9.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
