// 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 SvgTrafficLight = ({
  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="M4.00016 4.33335L1.3335 5.00002M4.00016 8.33335L1.3335 9.00002M4.00016 12.3334L1.3335 13M14.6668 5.00002L12.0002 4.33335M14.6668 9.00002L12.0002 8.33335M14.6668 13L12.0002 12.3334M4.00016 1.66669H12.0002V16.3334H4.00016V1.66669ZM8.0005 5.33409C7.81623 5.33409 7.66683 5.18469 7.66683 5.00039C7.66683 4.81609 7.81623 4.66669 8.0005 4.66669C8.18483 4.66669 8.33356 4.81609 8.33356 5.00039C8.33356 5.18469 8.18483 5.33409 8.0005 5.33409ZM8.0005 9.33375C7.81623 9.33375 7.66683 9.18435 7.66683 9.00009C7.66683 8.81575 7.81623 8.66635 8.0005 8.66635C8.18483 8.66635 8.33356 8.81575 8.33356 9.00009C8.33356 9.18435 8.18483 9.33375 8.0005 9.33375ZM8.0005 13.3334C7.81623 13.3334 7.66683 13.184 7.66683 12.9998C7.66683 12.8154 7.81623 12.666 8.0005 12.666C8.18483 12.666 8.33356 12.8154 8.33356 12.9998C8.33356 13.184 8.18483 13.3334 8.0005 13.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
