// 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 SvgRemoveTaskReminder = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.3334 11.0001L11.0001 16.3334M16.3334 16.3334L11.0001 11.0001M4.50008 7.66675L6.83341 10.0001L10.8334 5.00008M9.66675 13.3253C9.04121 13.5464 8.36801 13.6667 7.66675 13.6667C4.35304 13.6667 1.66675 10.9805 1.66675 7.66675C1.66675 4.35304 4.35304 1.66675 7.66675 1.66675C10.9805 1.66675 13.6667 4.35304 13.6667 7.66675C13.6667 8.36801 13.5464 9.04121 13.3253 9.66675"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
