// 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 SvgSegwaySide = ({
  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="M1.3335 13.6667H4.73351M11.2538 13.728L14.0002 1.66669H10.0002M4.66683 13C4.66683 13.8841 5.01802 14.7319 5.64314 15.357C6.26826 15.9822 7.11611 16.3334 8.00016 16.3334C8.88422 16.3334 9.73206 15.9822 10.3572 15.357C10.9823 14.7319 11.3335 13.8841 11.3335 13C11.3335 12.116 10.9823 11.2681 10.3572 10.643C9.73206 10.0179 8.88422 9.66669 8.00016 9.66669C7.11611 9.66669 6.26826 10.0179 5.64314 10.643C5.01802 11.2681 4.66683 12.116 4.66683 13ZM8.25016 12.75H7.75016V13.25H8.25016V12.75Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
