// 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 SvgFillAndSign = ({
  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.6667H9.89555C10.6027 15.6667 11.281 15.3857 11.7811 14.8856L12.9192 13.7475C13.1844 13.4823 13.3334 13.1226 13.3334 12.7475V12.6667C13.3334 11.9303 12.7365 11.3333 12.0001 11.3333C11.2637 11.3333 10.6667 11.9303 10.6667 12.6667V12.7475C10.6667 13.1226 10.8157 13.4823 11.0809 13.7475L12.219 14.8856C12.7191 15.3857 13.3974 15.6667 14.1046 15.6667H15.3334M4.66675 13L12.3334 5.33333L9.00008 2L1.33339 9.66667L1.33341 13H4.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
