// 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 SvgArrowSynchronize2 = ({
  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="M1.66667 8.99999C1.66667 7.05507 2.43929 5.18981 3.81456 3.81454C5.18983 2.43928 7.05509 1.66666 9.00001 1.66666C13 1.66666 14.6667 4.33332 16 6.33332M16 6.33332L16.3333 6.33332V2.33332M16 6.33332L12.3333 6.33332M16.3333 8.99999C16.3333 10.9449 15.5607 12.8102 14.1855 14.1855C12.8102 15.5607 10.9449 16.3333 9.00001 16.3333C5.00001 16.3333 3.33334 13.6667 2.00001 11.6667M2.00001 11.6667H1.66667L1.66667 15.6667M2.00001 11.6667H5.66667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
