// 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 SvgStreetRoadCurveLeft = ({
  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="M0.666504 2.87697C2.21036 5.19276 3.75422 9.49102 1.43843 14.1226M4.52616 2.54364C4.97918 3.01773 5.56513 3.74686 6.16699 4.67661M7.36797 6.80962C7.46437 7.00815 7.5589 7.21135 7.6511 7.41902C7.88837 7.95329 8.10997 8.51675 8.30637 9.10509M9.1577 14.1226C9.1577 13.1799 9.0631 12.2619 8.8987 11.3802M7.99984 2.54364C12.2454 4.47347 15.3332 8.73702 15.3332 14.1226"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
