// 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 SvgImageLocation = ({
  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.33341 12.9998H1.66675V1.6665H13.0001V6.99984M1.66675 11.6665L5.66675 7.6665L8.33341 10.3332M9.33341 3.99984C8.59701 3.99984 8.00008 4.59679 8.00008 5.33317C8.00008 6.06955 8.59701 6.6665 9.33341 6.6665C10.0698 6.6665 10.6667 6.06955 10.6667 5.33317C10.6667 4.59679 10.0698 3.99984 9.33341 3.99984ZM10.3334 12.0236C10.3334 14.0472 13.3334 16.1704 13.3334 16.1704C13.3334 16.1704 16.3334 14.0472 16.3334 12.0236C16.3334 10.3471 14.9903 8.9881 13.3334 8.9881C11.6765 8.9881 10.3334 10.3471 10.3334 12.0236ZM13.1667 11.8214H13.5001V12.1548H13.1667V11.8214Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
