// 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 SvgSyncLocation = ({
  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="M8.99984 14.5267C7.05492 14.5267 5.18966 14.2106 3.81439 13.648C2.43912 13.0854 1.6665 12.3224 1.6665 11.5267C1.6665 10.731 2.43912 9.96796 3.81439 9.40536C3.98042 9.33743 4.15358 9.27309 4.33317 9.21249M8.99984 14.5267L6.99984 12.5267M8.99984 14.5267L6.99984 16.5267M10.9998 14.413C12.1933 14.2746 13.2925 14.0132 14.1853 13.648C15.5606 13.0854 16.3332 12.3224 16.3332 11.5267C16.3332 10.731 15.5606 9.96796 14.1853 9.40536C14.0192 9.33743 13.8461 9.27309 13.6665 9.21249M9.33257 5.99881H8.6671V5.33336H9.33257V5.99881ZM4.88219 5.80462C4.88219 8.56323 8.99984 11.6667 8.99984 11.6667C8.99984 11.6667 13.1175 8.56323 13.1175 5.80462C13.1175 3.5193 11.274 1.66669 8.99984 1.66669C6.72572 1.66669 4.88219 3.5193 4.88219 5.80462Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
