// 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 SvgUserSettingBoltNut = ({
  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="M13.3334 12.3332V13.6665M8.33342 13.6654H1.66675V10.857C1.66675 10.857 3.44453 9.33317 7.00008 9.33317C7.74475 9.33317 8.41141 9.40004 9.00008 9.5057M13.3333 9.7599L10.3334 11.3332V14.6666L13.3334 16.2466L16.3334 14.6666V11.3332L13.3333 9.7599ZM4.33408 4.3325C4.33408 5.03957 4.61496 5.71768 5.11493 6.21765C5.61491 6.71762 6.29301 6.9985 7.00008 6.9985C7.70715 6.9985 8.38526 6.71762 8.88523 6.21765C9.3852 5.71768 9.66608 5.03957 9.66608 4.3325C9.66608 3.62544 9.3852 2.94733 8.88523 2.44736C8.38526 1.94739 7.70715 1.6665 7.00008 1.6665C6.29301 1.6665 5.61491 1.94739 5.11493 2.44736C4.61496 2.94733 4.33408 3.62544 4.33408 4.3325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
