// 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 SvgNotificationApplication = ({
  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="M7.3335 3.33331H1.3335V14.6666H12.6668V8.66665M9.3335 3.99998C9.3335 4.70722 9.61445 5.3855 10.1145 5.8856C10.6146 6.3857 11.2929 6.66665 12.0002 6.66665C12.7074 6.66665 13.3857 6.3857 13.8858 5.8856C14.3859 5.3855 14.6668 4.70722 14.6668 3.99998C14.6668 3.29274 14.3859 2.61446 13.8858 2.11436C13.3857 1.61426 12.7074 1.33331 12.0002 1.33331C11.2929 1.33331 10.6146 1.61426 10.1145 2.11436C9.61445 2.61446 9.3335 3.29274 9.3335 3.99998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
