// 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 SvgPinsDistance = ({
  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.6665 16.3333H7.99984C10.9454 16.3333 13.3332 13.9455 13.3332 11M10.3332 4.7021C10.3332 6.72573 13.3332 8.84892 13.3332 8.84892C13.3332 8.84892 16.3332 6.72573 16.3332 4.7021C16.3332 3.02567 14.99 1.66666 13.3332 1.66666C11.6763 1.66666 10.3332 3.02567 10.3332 4.7021ZM13.1665 4.49999H13.4998V4.83332H13.1665V4.49999ZM1.6665 12.0355C1.6665 14.0591 4.6665 16.1823 4.6665 16.1823C4.6665 16.1823 7.6665 14.0591 7.6665 12.0355C7.6665 10.359 6.32336 8.99999 4.6665 8.99999C3.00965 8.99999 1.6665 10.359 1.6665 12.0355ZM4.49984 11.8333H4.83317V12.1667H4.49984V11.8333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
