// 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 SvgHandwrittenFont = ({
  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="M1.33325 15.3334L3.11873 4.02532C3.24227 3.24294 3.91662 2.66671 4.7087 2.66671C5.46314 2.66671 6.11637 3.1907 6.28003 3.92718L7.19152 8.02877C7.27432 8.40151 7.60492 8.66671 7.98672 8.66671C8.38038 8.66671 8.71778 8.38517 8.78818 7.99784L9.76205 2.64175C9.89978 1.88409 10.5597 1.33337 11.3297 1.33337C12.1029 1.33337 12.7645 1.88845 12.8989 2.64987L14.6666 12.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
