// 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 SvgViewSettingGear = ({
  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="M12.9453 12.2713V13.6046M14.5899 6.99982C12.5159 4.03688 11.4611 1.6665 8.20179 1.6665C4.94252 1.6665 3.88779 4.03688 1.81372 6.99982C3.69159 9.6825 4.73384 11.8794 7.33325 12.271M14.0814 10.5072L13.6851 9.6603H12.2051L11.809 10.508L11.3675 10.763L10.4353 10.6826L9.69525 11.9643L10.2315 12.7317V13.2407L9.69552 14.0082L10.4355 15.2899L11.3679 15.2092L11.8091 15.4638L12.2051 16.3115H13.6851L14.0816 15.4644L14.5239 15.2091L15.4553 15.2899L16.1953 14.0082L15.6603 13.2418L15.6602 12.7302L16.1957 11.9643L15.4557 10.6826L14.524 10.7628L14.0814 10.5072ZM10.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.99984Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
