// 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 SvgRibbon = ({
  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="M6.33413 1.66675H1.96216L5.33442 10.6667V10.7296C5.93149 9.36695 7.26614 8.40101 8.83338 8.33681L6.33413 1.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.6657 1.66675H16.0377L12.6655 10.6667V10.7296C12.0684 9.36695 10.7337 8.40101 9.16652 8.33681L11.6657 1.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.99992 12.3334C4.99992 13.3943 5.42135 14.4117 6.17149 15.1618C6.92164 15.912 7.93905 16.3334 8.99992 16.3334C10.0608 16.3334 11.0782 15.912 11.8283 15.1618C12.5785 14.4117 12.9999 13.3943 12.9999 12.3334C12.9999 11.2725 12.5785 10.2551 11.8283 9.50499C11.0782 8.75484 10.0608 8.33341 8.99992 8.33341C7.93905 8.33341 6.92164 8.75484 6.17149 9.50499C5.42135 10.2551 4.99992 11.2725 4.99992 12.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.33332 12.0001H8.66645V12.667H9.33332V12.0001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
