// 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 SvgShareSettingGear = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.946 11.2716V12.6049M6.16707 9.20012L8.00008 9.93332M6.16707 9.20012C6.27437 8.93212 6.33341 8.63959 6.33341 8.33325C6.33341 7.98052 6.25511 7.64612 6.11499 7.34632M6.16707 9.20012C5.82298 10.0596 4.98244 10.6666 4.00008 10.6666C2.71141 10.6666 1.66675 9.62192 1.66675 8.33325C1.66675 7.04459 2.71141 5.99992 4.00008 5.99992C4.936 5.99992 5.74319 6.55102 6.11499 7.34632M6.11499 7.34632L11.8851 4.65357M11.8851 4.65357C12.2569 5.4489 13.0641 5.99992 14.0001 5.99992C15.2887 5.99992 16.3334 4.95525 16.3334 3.66659C16.3334 2.37792 15.2887 1.33325 14.0001 1.33325C12.7114 1.33325 11.6667 2.37792 11.6667 3.66659C11.6667 4.01933 11.745 4.35381 11.8851 4.65357ZM14.0815 9.50732L13.6853 8.66038H12.2053L11.8091 9.50805L11.3676 9.76305L10.4354 9.68272L9.69541 10.9644L10.2317 11.7318V12.2408L9.69568 13.0083L10.4357 14.29L11.3681 14.2093L11.8093 14.4639L12.2053 15.3116H13.6853L14.0817 14.4645L14.524 14.2092L15.4555 14.29L16.1955 13.0083L15.6604 12.2419L15.6603 11.7303L16.1958 10.9644L15.4558 9.68272L14.5241 9.76285L14.0815 9.50732Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
