// 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 SvgCarHillDown = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.60461 11.8645L3.8725 12.8645L1.75049 9.85573L4.92591 8.0224L3.9586 4.34699L9.1548 1.34709C9.1548 1.34709 11.6336 2.46297 13.9761 7.0312L12.5328 7.86447M5.60461 11.8645C5.9728 12.5022 6.78814 12.7205 7.42587 12.3523C8.0636 11.9841 8.2822 11.1689 7.914 10.5312M5.60461 11.8645C5.23642 11.2267 5.45482 10.4111 6.09255 10.0429C6.73027 9.67473 7.5458 9.89347 7.914 10.5312M12.5328 7.86447C12.901 8.5022 12.6824 9.31747 12.0447 9.68567C11.407 10.0539 10.5916 9.8356 10.2234 9.19787M12.5328 7.86447C12.1646 7.22673 11.3491 7.00807 10.7113 7.37627C10.0737 7.74447 9.8552 8.56013 10.2234 9.19787M7.914 10.5312L10.2234 9.19787M5.77087 15.3333L15.5013 9.68913"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
