// 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 SvgRemoveFilterSlide = ({
  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="M2.66675 0.666748V8.66675M4.66675 10.6667L2.66675 12.6667M2.66675 12.6667L0.666748 14.6667M2.66675 12.6667L0.666748 10.6667M2.66675 12.6667L4.66675 14.6667M8.00008 15.3334V9.66675M8.00008 9.66675C8.44211 9.66675 8.86603 9.49115 9.17859 9.17859C9.49115 8.86603 9.66675 8.44211 9.66675 8.00008C9.66675 7.55805 9.49115 7.13413 9.17859 6.82157C8.86603 6.50901 8.44211 6.33342 8.00008 6.33342M8.00008 9.66675C7.55805 9.66675 7.13413 9.49115 6.82157 9.17859C6.50901 8.86603 6.33341 8.44211 6.33341 8.00008C6.33341 7.55805 6.50901 7.13413 6.82157 6.82157C7.13413 6.50901 7.55805 6.33342 8.00008 6.33342M8.00008 6.33342V0.666748M13.3334 15.3334V4.66675M13.3334 4.66675C14.2539 4.66675 15.0001 3.92055 15.0001 3.00008C15.0001 2.07961 14.2539 1.33341 13.3334 1.33341C12.4129 1.33341 11.6667 2.07961 11.6667 3.00008C11.6667 3.92055 12.4129 4.66675 13.3334 4.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
