// 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 SvgMotocycleFront = ({
  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="M6.66657 14.3333H4.6665L2.6665 4.99999H5.99984M5.99984 4.99999C5.99984 5.53042 6.21055 6.03913 6.58562 6.4142C6.9607 6.78928 7.4694 6.99999 7.99984 6.99999C8.53027 6.99999 9.03898 6.78928 9.41405 6.4142C9.78912 6.03913 9.99984 5.53042 9.99984 4.99999M5.99984 4.99999C5.99984 4.46956 6.21055 3.96085 6.58562 3.58578C6.9607 3.2107 7.4694 2.99999 7.99984 2.99999C8.53027 2.99999 9.03898 3.2107 9.41405 3.58578C9.78912 3.96085 9.99984 4.46956 9.99984 4.99999M9.33324 14.3333H11.3332L13.3332 4.99999H9.99984M3.33325 1.66666H5.33317L6.95857 3.29208M12.6665 1.66666H10.6665L9.0411 3.29208M9.33317 11H6.6665V16.3333H9.33317V11Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
