// 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 SvgCarTopFrontSensor = ({
  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="M4.00016 2.75411C4.00016 2.75411 5.3335 1.66667 8.00016 1.66667C10.6668 1.66667 12.0002 2.75411 12.0002 2.75411M5.66683 13.3333H10.3335M4.00016 8.33333H2.3335M13.6668 8.33333H12.0002M4.00016 15.3333V5.33333C4.00016 5.33333 5.3335 4.33333 8.00016 4.33333C10.6668 4.33333 12.0002 5.33333 12.0002 5.33333V15.3333C12.0002 15.3333 10.6668 16.3333 8.00016 16.3333C5.3335 16.3333 4.00016 15.3333 4.00016 15.3333ZM8.00016 7.66667C7.37023 7.66667 6.8147 7.72247 6.33354 7.80773L6.33356 10.3333H9.66683V7.80773C9.1857 7.72247 8.63016 7.66667 8.00016 7.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
