// 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 SvgFontVariable = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1 14H5M5 14C5 14.3536 5.14048 14.6928 5.39052 14.9428C5.64057 15.1929 5.97971 15.3333 6.33333 15.3333C6.68696 15.3333 7.02609 15.1929 7.27614 14.9428C7.52619 14.6928 7.66667 14.3536 7.66667 14M5 14C5 13.6464 5.14048 13.3072 5.39052 13.0572C5.64057 12.8071 5.97971 12.6667 6.33333 12.6667C6.68696 12.6667 7.02609 12.8071 7.27614 13.0572C7.52619 13.3072 7.66667 13.6464 7.66667 14M17 14H7.66667M1.66667 4V2H6.33333V4M2.33333 9.33333H5.66667M4.00014 2V9.33333M9 4V2H16.3333V4M10.3333 9.33333H15M12.6668 2V9.33333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
