// 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 SvgSignagePedestrianNoCrossing = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.9998 9.00002H11.9998L10.9998 6.5077C10.5406 6.42189 9.85877 6.33335 8.99984 6.33335C7.33317 6.33335 6.33317 6.66669 6.33317 6.66669M12.6665 16.6667L10.6665 13L8.64144 12.1C8.04857 11.8365 7.6665 11.2486 7.6665 10.5998C7.6665 10.4233 7.69497 10.248 7.75077 10.0806M5.33317 16.3334L8.99984 14.6667M5.6059 7.66669L3.6665 10.3334M1.47119 1.47137L16.5285 16.5287M8.33317 3.00002C8.33317 3.35364 8.47365 3.69278 8.72369 3.94283C8.97374 4.19288 9.31288 4.33335 9.6665 4.33335C10.0201 4.33335 10.3593 4.19288 10.6093 3.94283C10.8594 3.69278 10.9998 3.35364 10.9998 3.00002C10.9998 2.6464 10.8594 2.30726 10.6093 2.05721C10.3593 1.80716 10.0201 1.66669 9.6665 1.66669C9.31288 1.66669 8.97374 1.80716 8.72369 2.05721C8.47365 2.30726 8.33317 2.6464 8.33317 3.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
