// 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 SvgSlipperySign = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.6665 7.66675L10.6665 7.66669L7.99984 10.3334M12.3332 14.3334L10.3332 10.3334H7.6275C7.05364 10.3334 6.54409 9.96609 6.3626 9.42169L5.33317 6.33335M0.666504 9.00002L3.33317 6.33335H7.99984L10.6665 3.66669M15.9998 14.3334C14.5271 14.3334 13.3332 15.5273 13.3332 17M7.99984 14.3334C9.47257 14.3334 10.6665 15.5273 10.6665 17M6.6665 3.00002C6.6665 2.26364 6.06955 1.66669 5.33317 1.66669C4.59679 1.66669 3.99984 2.26364 3.99984 3.00002C3.99984 3.7364 4.59679 4.33335 5.33317 4.33335C6.06955 4.33335 6.6665 3.7364 6.6665 3.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
