// 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 SvgElectricBicycle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.99984 7.33387L6.33313 4.00065H2.99984L5.33317 0.666668M13.6665 12.6667L10.9998 4.66667H13.6665M8.33317 10L7.4443 7.33333M4.33317 12.6667L11.9695 7.57573M10.9998 12.6667C10.9998 13.3739 11.2808 14.0522 11.7809 14.5523C12.281 15.0524 12.9593 15.3333 13.6665 15.3333C14.3737 15.3333 15.052 15.0524 15.5521 14.5523C16.0522 14.0522 16.3332 13.3739 16.3332 12.6667C16.3332 11.9594 16.0522 11.2811 15.5521 10.7811C15.052 10.281 14.3737 10 13.6665 10C12.9593 10 12.281 10.281 11.7809 10.7811C11.2808 11.2811 10.9998 11.9594 10.9998 12.6667ZM1.6665 12.6667C1.6665 13.3739 1.94746 14.0522 2.44755 14.5523C2.94765 15.0524 3.62593 15.3333 4.33317 15.3333C5.04041 15.3333 5.71869 15.0524 6.21879 14.5523C6.71889 14.0522 6.99984 13.3739 6.99984 12.6667C6.99984 11.9594 6.71889 11.2811 6.21879 10.7811C5.71869 10.281 5.04041 10 4.33317 10C3.62593 10 2.94765 10.281 2.44755 10.7811C1.94746 11.2811 1.6665 11.9594 1.6665 12.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
