// 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 SvgCut = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.66675 4.33335C1.66675 5.0406 1.9477 5.71888 2.4478 6.21897C2.94789 6.71907 3.62617 7.00002 4.33341 7.00002C5.04066 7.00002 5.71894 6.71907 6.21903 6.21897C6.71913 5.71888 7.00008 5.0406 7.00008 4.33335C7.00008 3.62611 6.71913 2.94783 6.21903 2.44774C5.71894 1.94764 5.04066 1.66669 4.33341 1.66669C3.62617 1.66669 2.94789 1.94764 2.4478 2.44774C1.9477 2.94783 1.66675 3.62611 1.66675 4.33335ZM1.66675 4.33335C1.66675 5.362 2.22453 6.30977 3.12383 6.80915L11.0001 11.1829M1.66675 13.6667C1.66675 14.3739 1.9477 15.0522 2.4478 15.5523C2.94789 16.0524 3.62617 16.3334 4.33341 16.3334C5.04066 16.3334 5.71894 16.0524 6.21903 15.5523C6.71913 15.0522 7.00008 14.3739 7.00008 13.6667C7.00008 12.9594 6.71913 12.2812 6.21903 11.7811C5.71894 11.281 5.04066 11 4.33341 11C3.62617 11 2.94789 11.281 2.4478 11.7811C1.9477 12.2812 1.66675 12.9594 1.66675 13.6667ZM1.66675 13.6667C1.66675 12.638 2.22453 11.6903 3.12383 11.1909L16.6734 3.66669M9.00008 13.6667H11.0001M12.0001 13.6667H14.0001M15.0001 13.6667H17.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
