// 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 SvgStreetRoadCurveRight = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.3332 2.87697C14.7893 5.19276 13.2454 9.49102 15.5612 14.1226M12.4735 2.54364C12.0205 3.01773 11.4346 3.74686 10.8327 4.67661M9.6317 6.80962C9.5353 7.00815 9.44077 7.21135 9.34857 7.41902C9.1113 7.95329 8.8897 8.51675 8.6933 9.10509M7.84197 14.1226C7.84197 13.1799 7.93657 12.2619 8.10097 11.3802M8.99984 2.54364C4.75422 4.47347 1.6665 8.73702 1.6665 14.1226"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
