// 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 SvgBicycleBike = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6665 10.6667L10.9998 2.66666H13.6665M4.33317 4H6.99984L8.33317 8M11.9695 5.57576L4.33317 10.6667M10.9998 10.6667C10.9998 11.3739 11.2808 12.0522 11.7809 12.5523C12.281 13.0524 12.9593 13.3333 13.6665 13.3333C14.3737 13.3333 15.052 13.0524 15.5521 12.5523C16.0522 12.0522 16.3332 11.3739 16.3332 10.6667C16.3332 9.95942 16.0522 9.28114 15.5521 8.78105C15.052 8.28095 14.3737 8 13.6665 8C12.9593 8 12.281 8.28095 11.7809 8.78105C11.2808 9.28114 10.9998 9.95942 10.9998 10.6667ZM1.6665 10.6667C1.6665 11.3739 1.94746 12.0522 2.44755 12.5523C2.94765 13.0524 3.62593 13.3333 4.33317 13.3333C5.04041 13.3333 5.71869 13.0524 6.21879 12.5523C6.71889 12.0522 6.99984 11.3739 6.99984 10.6667C6.99984 9.95942 6.71889 9.28114 6.21879 8.78105C5.71869 8.28095 5.04041 8 4.33317 8C3.62593 8 2.94765 8.28095 2.44755 8.78105C1.94746 9.28114 1.6665 9.95942 1.6665 10.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
