// 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 SvgStrikethrough = ({
  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="M0.666748 7.99992H15.3334M12.3332 4.66841V3.27768C12.3332 2.20381 11.4627 1.33325 10.3888 1.33325H5.61099C4.53711 1.33325 3.66656 2.20369 3.66657 3.27757L3.66657 4.59719C3.66658 5.46138 4.23695 6.22178 5.06657 6.46376L10.1413 7.99992M12.3333 9.99992V12.7229C12.3332 13.7968 11.4627 14.6665 10.3888 14.6665H5.61101C4.53713 14.6665 3.66658 13.7959 3.66658 12.7221V11.3319"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
