// 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 SvgAccountSetting = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.6667 11.7071C10.5338 11.251 9.29621 11 8.00008 11C6.70395 11 5.46637 11.251 4.33341 11.7071M2.81455 14.1855C2.36716 13.7381 1.98354 13.2388 1.66956 12.7018L1.62911 12.6318C1.30101 12.0562 1.05225 11.4385 0.889893 10.7957L2.10009 10.0969C2.03439 9.74133 2.00005 9.37466 2.00005 9C2.00005 8.62533 2.03439 8.25866 2.10009 7.903L0.889893 7.20431C1.05233 6.56123 1.30125 5.94323 1.62957 5.3674L1.66908 5.29898C1.98315 4.76169 2.36693 4.26216 2.81455 3.81455C2.83952 3.78958 2.86465 3.7648 2.88994 3.74024L4.10099 4.43944C4.65561 3.96482 5.29783 3.5896 6.00005 3.34141V1.94463C6.64508 1.76176 7.31761 1.66666 8.00001 1.66666C8.68241 1.66666 9.35501 1.76178 10 1.94466V3.34141C10.7023 3.58962 11.3445 3.96484 11.8991 4.43948L13.1101 3.74031C13.1354 3.76486 13.1605 3.7896 13.1855 3.81455C14.1289 4.75804 14.7888 5.93217 15.1101 7.20442L13.9 7.90306C13.9657 8.25873 14 8.62533 14 9C14 9.37466 13.9657 9.74126 13.9 10.0969L15.1101 10.7956C14.7888 12.0678 14.1289 13.2419 13.1855 14.1855C13.1605 14.2104 13.1354 14.2351 13.1101 14.2597L11.8991 13.5605C11.3445 14.0351 10.7023 14.4104 10 14.6586V16.0553C9.35501 16.2382 8.68241 16.3333 8.00001 16.3333C7.31761 16.3333 6.64508 16.2382 6.00005 16.0553V14.6586C5.29783 14.4104 4.65561 14.0352 4.10099 13.5605L2.88993 14.2597C2.86465 14.2352 2.83952 14.2104 2.81455 14.1855ZM9.66741 7.334C9.66741 7.7762 9.49175 8.20029 9.17906 8.51298C8.86638 8.82567 8.44228 9.00133 8.00008 9.00133C7.55788 9.00133 7.13378 8.82567 6.8211 8.51298C6.50841 8.20029 6.33275 7.7762 6.33275 7.334C6.33275 6.89179 6.50841 6.4677 6.8211 6.15501C7.13378 5.84233 7.55788 5.66666 8.00008 5.66666C8.44228 5.66666 8.86638 5.84233 9.17906 6.15501C9.49175 6.4677 9.66741 6.89179 9.66741 7.334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
