// 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 SvgPaperclip = ({
  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="M8.19806 14.6666L13.646 9.22112C15.4513 7.41665 15.4513 4.49106 13.646 2.6866C11.8407 0.882137 8.91373 0.882137 7.10846 2.6866L1.90264 7.89005C0.699118 9.09298 0.699118 11.0434 1.90264 12.2464C3.10616 13.4494 5.05746 13.4494 6.26099 12.2464L11.4668 7.04298C12.0685 6.44147 12.0685 5.46626 11.4668 4.86478C10.8651 4.26329 9.8894 4.26329 9.2876 4.86478L4.08182 10.0682"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
