// 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 SvgUserPin = ({
  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="M2.99984 17V12.6667H1.6665V8.00002C1.6665 8.00002 2.99984 7.00002 5.33317 7.00002C7.6665 7.00002 8.99984 8.00002 8.99984 8.00002V9.66669M7.6665 17V12.6667M10.3332 12.0355C10.3332 14.0591 13.3332 16.1823 13.3332 16.1823C13.3332 16.1823 16.3332 14.0591 16.3332 12.0355C16.3332 10.359 14.99 9.00002 13.3332 9.00002C11.6763 9.00002 10.3332 10.359 10.3332 12.0355ZM13.1665 11.8334H13.4998V12.1667H13.1665V11.8334ZM3.6665 3.33335C3.6665 3.77538 3.8421 4.1993 4.15466 4.51186C4.46722 4.82443 4.89114 5.00002 5.33317 5.00002C5.7752 5.00002 6.19912 4.82443 6.51168 4.51186C6.82424 4.1993 6.99984 3.77538 6.99984 3.33335C6.99984 2.89133 6.82424 2.4674 6.51168 2.15484C6.19912 1.84228 5.7752 1.66669 5.33317 1.66669C4.89114 1.66669 4.46722 1.84228 4.15466 2.15484C3.8421 2.4674 3.6665 2.89133 3.6665 3.33335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
