// 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 SvgMailNotification = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6665 9.66666V16.3333H1.6665V7H8.99984M1.6665 8.33333L7.6665 11.6667L11.6665 9.44446M10.3332 4.66666C10.3332 5.46231 10.6492 6.22538 11.2119 6.78798C11.7745 7.35059 12.5375 7.66666 13.3332 7.66666C14.1288 7.66666 14.8919 7.35059 15.4545 6.78798C16.0171 6.22538 16.3332 5.46231 16.3332 4.66666C16.3332 3.87101 16.0171 3.10795 15.4545 2.54534C14.8919 1.98273 14.1288 1.66666 13.3332 1.66666C12.5375 1.66666 11.7745 1.98273 11.2119 2.54534C10.6492 3.10795 10.3332 3.87101 10.3332 4.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
