// 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 SvgTicket = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.54538 4.3286C4.24691 4.15838 4.01393 3.87357 3.91798 3.51545L3.74543 2.8715L1.49161 3.47541L3.06123 9.33333M6.41421 5.35531L8.02252 5.78626M9.31052 6.13135L10.5985 6.47644M11.8863 6.82153L13.4985 7.25353M7.42485 1.57739L4.49159 12.5245L11.5751 14.4225L14.5083 3.4754L12.2545 2.87149L12.1683 3.19346C11.9777 3.90475 11.2465 4.32686 10.5353 4.13627C9.82392 3.94568 9.40185 3.21457 9.59245 2.50328L9.67872 2.18131L7.42485 1.57739Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
