// 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 SvgScriptFont = ({
  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="M0.666748 15.3333C2.17963 15.3333 3.44545 14.1849 3.59235 12.6792L4.66675 1.66659L6.46709 7.36765C6.58594 7.74405 6.93508 7.99992 7.32975 7.99992C7.72795 7.99992 8.07935 7.73959 8.19528 7.35865L10.3334 0.333252L11.8485 12.7568C11.935 13.4665 12.5375 13.9999 13.2524 13.9999C14.0335 13.9999 14.6667 13.3667 14.6667 12.5856V9.33325"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
