// 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 SvgDocumentSettingGear = ({
  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="M9.66658 16.3333H16.3333V4.99996L12.9999 1.66663H4.33325V7.66663M5.1018 12.2714V13.6048M6.237 10.5074L5.84071 9.66043H4.36071L3.96455 10.5081L3.52303 10.7631L2.59083 10.6828L1.85083 11.9644L2.38709 12.7318L2.3871 13.2408L1.85114 14.0084L2.59114 15.29L3.5235 15.2093L3.96472 15.464L4.36071 16.3116H5.84071L6.2372 15.4646L6.67943 15.2092L7.61093 15.29L8.35092 14.0084L7.81585 13.2419L7.81578 12.7304L8.35125 11.9644L7.61124 10.6828L6.67959 10.7629L6.237 10.5074Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
