// 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 SvgRibbonCopy = ({
  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.66659 15.6667L3.42907 14.0001H1.33325L4.16611 8.99488C4.88631 10.0304 6.01527 10.7603 7.31932 10.9508L4.66659 15.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.333 15.6667L12.5705 14.0001H14.6663L11.8335 8.99488C11.1133 10.0304 9.98432 10.7603 8.68025 10.9508L11.333 15.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33325 6.33341C3.33325 5.72058 3.45396 5.11374 3.68848 4.54756C3.923 3.98137 4.26675 3.46692 4.70009 3.03358C5.13343 2.60024 5.64788 2.2565 6.21406 2.02198C6.78025 1.78745 7.38708 1.66675 7.99992 1.66675C8.61275 1.66675 9.21959 1.78745 9.78577 2.02198C10.352 2.2565 10.8664 2.60024 11.2997 3.03358C11.7331 3.46692 12.0768 3.98137 12.3114 4.54756C12.5459 5.11374 12.6666 5.72058 12.6666 6.33341C12.6666 6.94625 12.5459 7.55308 12.3114 8.11927C12.0768 8.68546 11.7331 9.19991 11.2997 9.63325C10.8664 10.0666 10.352 10.4103 9.78577 10.6449C9.21959 10.8794 8.61275 11.0001 7.99992 11.0001C7.38708 11.0001 6.78025 10.8794 6.21406 10.6449C5.64788 10.4103 5.13343 10.0666 4.70009 9.63325C4.26675 9.19991 3.923 8.68546 3.68848 8.11927C3.45396 7.55308 3.33325 6.94625 3.33325 6.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8.34992 5.93341L7.99992 5.33342L7.64992 5.93341L6.99992 6.13341L7.44992 6.58342L7.29992 7.33342L7.99992 7.01763L8.69992 7.33342L8.54992 6.58342L8.99992 6.13341L8.34992 5.93341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
