// 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 SvgEmailAttachmentImage = ({
  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="M8.99984 13.6667H16.3332V1.66667H4.33317V7.66667M6.99984 17V12.3333C6.99984 10.8606 5.80593 9.66667 4.33317 9.66667C2.86041 9.66667 1.6665 10.8606 1.6665 12.3333V15C1.6665 15.7364 2.26346 16.3333 2.99984 16.3333C3.73622 16.3333 4.33317 15.7364 4.33317 15V11.6667M16.3332 9L12.6665 5.33333L8.33317 9.66667M6.99984 5C6.99984 5.17681 7.07008 5.34638 7.1951 5.47141C7.32012 5.59643 7.48969 5.66667 7.6665 5.66667C7.84332 5.66667 8.01288 5.59643 8.13791 5.47141C8.26293 5.34638 8.33317 5.17681 8.33317 5C8.33317 4.82319 8.26293 4.65362 8.13791 4.5286C8.01288 4.40357 7.84332 4.33333 7.6665 4.33333C7.48969 4.33333 7.32012 4.40357 7.1951 4.5286C7.07008 4.65362 6.99984 4.82319 6.99984 5Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
