// 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 SvgShareSettingBoltNut = ({
  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="M13.3334 11.3334V12.6667M6.16707 9.20012L8.66675 10.2M6.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.65357ZM13.3333 8.75998L10.3334 10.3333V13.6667L13.3334 15.2467L16.3334 13.6667V10.3333L13.3333 8.75998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
