// 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 SvgBlockBellNotification = ({
  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="M12.6665 9.66666V10.3333L14.1867 13H1.81323L3.33323 10.3333V6.99999C3.33323 4.42266 5.42257 2.33332 7.99988 2.33332M6.66675 15.6667H9.33341M14.4549 6.78788L10.2123 2.54524M15.3334 4.66666C15.3334 6.32351 13.9903 7.66666 12.3334 7.66666C10.6765 7.66666 9.33341 6.32351 9.33341 4.66666C9.33341 3.0098 10.6765 1.66666 12.3334 1.66666C13.9903 1.66666 15.3334 3.0098 15.3334 4.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
