// 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 SvgTrafficSign = ({
  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="M8.00016 11V16.3334M8.00016 11C7.38733 11 6.78049 10.8793 6.21431 10.6448C5.64812 10.4103 5.13367 10.0665 4.70033 9.63318C4.26699 9.19984 3.92325 8.6854 3.68872 8.11921C3.4542 7.55302 3.3335 6.94619 3.3335 6.33335C3.3335 5.72052 3.4542 5.11368 3.68872 4.5475C3.92325 3.98131 4.26699 3.46686 4.70033 3.03352C5.13367 2.60018 5.64812 2.25644 6.21431 2.02192C6.78049 1.78739 7.38733 1.66669 8.00016 1.66669C8.613 1.66669 9.21983 1.78739 9.78602 2.02192C10.3522 2.25644 10.8667 2.60018 11.3 3.03352C11.7333 3.46686 12.0771 3.98131 12.3116 4.5475C12.5461 5.11368 12.6668 5.72052 12.6668 6.33335C12.6668 6.94619 12.5461 7.55302 12.3116 8.11921C12.0771 8.6854 11.7333 9.19984 11.3 9.63318C10.8667 10.0665 10.3522 10.4103 9.78602 10.6448C9.21983 10.8793 8.613 11 8.00016 11ZM4.66683 16.3334H11.3335M5.3335 6.33335H10.6668"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
