// 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 SvgViewSettingBoltNut = ({
  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.20179 12.3332C4.94252 12.3332 3.88779 9.96277 1.81372 6.99982C3.88779 4.03688 4.94252 1.6665 8.20179 1.6665C11.4611 1.6665 12.5159 4.03688 14.5899 6.99982M13.3333 12.3332V13.6665M10.0351 6.99984C10.0351 8.01237 9.21425 8.83317 8.20172 8.83317C7.18922 8.83317 6.36841 8.01237 6.36841 6.99984C6.36841 5.98732 7.18922 5.1665 8.20172 5.1665C9.21425 5.1665 10.0351 5.98732 10.0351 6.99984ZM13.3332 9.7599L10.3333 11.3332V14.6666L13.3333 16.2466L16.3333 14.6666V11.3332L13.3332 9.7599Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
