// 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 SvgCarHillUp = ({
  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="M12.3127 7.51753L14.0448 6.51752L12.5001 3.17543L9.32469 5.00876L6.62531 2.33333L1.42921 5.33343C1.42921 5.33343 1.1562 8.03807 3.94112 12.3509L5.38446 11.5175M12.3127 7.51753C12.6809 8.15527 12.4622 8.97047 11.8245 9.33867C11.1868 9.70687 10.3715 9.48853 10.0033 8.8508M12.3127 7.51753C11.9445 6.8798 11.1289 6.66108 10.4912 7.02926C9.85349 7.39746 9.63509 8.21307 10.0033 8.8508M5.38446 11.5175C5.75265 12.1553 6.56798 12.3735 7.20569 12.0053C7.84342 11.6371 8.06209 10.8219 7.69389 10.1842M5.38446 11.5175C5.01627 10.8798 5.23465 10.0641 5.87238 9.69593C6.5101 9.32773 7.32569 9.54647 7.69389 10.1842M10.0033 8.8508L7.69389 10.1842M5.7709 15.3333L15.5014 9.68913"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
