// 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 SvgSteeringWheel = ({
  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.99984 13.6667C8.387 13.6667 7.78017 13.546 7.21398 13.3115C6.6478 13.0769 6.13335 12.7332 5.70001 12.2999C5.26667 11.8665 4.92292 11.3521 4.6884 10.7859C4.45388 10.2197 4.33317 9.61286 4.33317 9.00002C4.33317 8.38718 4.45388 7.78035 4.6884 7.21416C4.92292 6.64798 5.26667 6.13353 5.70001 5.70019C6.13335 5.26685 6.6478 4.9231 7.21398 4.68858C7.78017 4.45406 8.387 4.33335 8.99984 4.33335C9.61267 4.33335 10.2195 4.45406 10.7857 4.68858C11.3519 4.9231 11.8663 5.26685 12.2997 5.70019C12.733 6.13353 13.0768 6.64798 13.3113 7.21416C13.5458 7.78035 13.6665 8.38718 13.6665 9.00002C13.6665 9.61286 13.5458 10.2197 13.3113 10.7859C13.0768 11.3521 12.733 11.8665 12.2997 12.2999C11.8663 12.7332 11.3519 13.0769 10.7857 13.3115C10.2195 13.546 9.61267 13.6667 8.99984 13.6667ZM8.99984 13.6667V11.3334M4.52641 7.66669H13.4732M8.99984 11.3334L6.33317 7.66669H11.6665L8.99984 11.3334ZM1.6665 9.00002C1.6665 10.9449 2.43912 12.8102 3.81439 14.1855C5.18965 15.5607 7.05492 16.3334 8.99984 16.3334C10.9448 16.3334 12.81 15.5607 14.1853 14.1855C15.5606 12.8102 16.3332 10.9449 16.3332 9.00002C16.3332 7.0551 15.5606 5.18984 14.1853 3.81457C12.81 2.4393 10.9448 1.66669 8.99984 1.66669C7.05492 1.66669 5.18965 2.4393 3.81439 3.81457C2.43912 5.18984 1.6665 7.0551 1.6665 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
