// 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 SvgMotorcycleCourier = ({
  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="M15.3334 2.66665V5.33331M3.35693 13.3333H1.66669V7.33331H7.66669V10.6666M6.66669 13.3333H10.6667M12.3334 8.99998C12.5605 8.99998 12.7832 9.01891 13 9.05531M13 9.05531C14.8918 9.37265 16.3334 11.018 16.3334 13V14M13 9.05531V1.99998H10.3334M6.66669 13C6.66669 13.9204 5.92049 14.6666 5.00002 14.6666C4.07955 14.6666 3.33335 13.9204 3.33335 13C3.33335 12.0795 4.07955 11.3333 5.00002 11.3333C5.92049 11.3333 6.66669 12.0795 6.66669 13ZM14 13C14 13.9204 13.2538 14.6666 12.3334 14.6666C11.4129 14.6666 10.6667 13.9204 10.6667 13C10.6667 12.0795 11.4129 11.3333 12.3334 11.3333C13.2538 11.3333 14 12.0795 14 13ZM2.33335 1.33331H6.33335V4.99998H2.33335V1.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
