// 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 SvgScooter = ({
  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.3335 12.6666C5.3335 13.1971 5.12278 13.7058 4.74771 14.0809C4.37264 14.4559 3.86393 14.6666 3.3335 14.6666C2.80306 14.6666 2.29436 14.4559 1.91928 14.0809C1.54421 13.7058 1.3335 13.1971 1.3335 12.6666C1.3335 12.1362 1.54421 11.6275 1.91928 11.2524C2.29436 10.8774 2.80306 10.6666 3.3335 10.6666C3.86393 10.6666 4.37264 10.8774 4.74771 11.2524C5.12278 11.6275 5.3335 12.1362 5.3335 12.6666ZM5.3335 12.6666H10.6668M10.6668 12.6666C10.6668 13.1971 10.8775 13.7058 11.2526 14.0809C11.6277 14.4559 12.1364 14.6666 12.6668 14.6666C13.1973 14.6666 13.706 14.4559 14.081 14.0809C14.4561 13.7058 14.6668 13.1971 14.6668 12.6666C14.6668 12.1362 14.4561 11.6275 14.081 11.2524C13.706 10.8774 13.1973 10.6666 12.6668 10.6666M10.6668 12.6666C10.6668 12.1362 10.8775 11.6275 11.2526 11.2524C11.6277 10.8774 12.1364 10.6666 12.6668 10.6666M12.6668 10.6666V1.33331M6.00016 9.99997H10.0002M10.0002 1.33325H15.3335"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
