// 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 SvgMapSettingGear = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.2224 2.33332V5.99999M10.2224 2.33332L14.6668 1.33331V6.66665M10.2224 2.33332L5.77794 1.33331M11.2796 10.6049V11.9383M5.77794 1.33331L1.3335 2.35895V14.6667L5.77794 13.6666V1.33331ZM12.4152 8.84072L12.0189 7.99379H10.5389L10.1427 8.84146L9.70116 9.09646L8.76896 9.01612L8.02896 10.2978L8.56523 11.0652L8.5653 11.5742L8.0293 12.3417L8.7693 13.6234L9.70163 13.5427L10.1429 13.7973L10.5389 14.645H12.0189L12.4154 13.7979L12.8576 13.5426L13.7891 13.6234L14.5291 12.3417L13.994 11.5753V11.0637L14.5294 10.2978L13.7894 9.01612L12.8578 9.09626L12.4152 8.84072Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
