// 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 SvgUserSettingGear = ({
  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.9465 12.2715V13.6048M7.33342 13.6654H1.66675V10.857C1.66675 10.857 3.44453 9.33317 7.00008 9.33317C7.60753 9.33317 8.16308 9.37764 8.66675 9.45137M14.0815 10.5072L13.6853 9.6603H12.2053L11.8091 10.508L11.3676 10.763L10.4354 10.6826L9.69541 11.9643L10.2317 12.7317V13.2407L9.69568 14.0082L10.4357 15.2899L11.3681 15.2092L11.8093 15.4638L12.2053 16.3115H13.6853L14.0817 15.4644L14.524 15.2091L15.4555 15.2899L16.1955 14.0082L15.6604 13.2418L15.6603 12.7302L16.1958 11.9643L15.4558 10.6826L14.5241 10.7628L14.0815 10.5072ZM4.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,
    },
  )
