// 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 SvgImageBlur = ({
  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="M9.00008 16.3333C7.05516 16.3333 5.1899 15.5607 3.81463 14.1854C2.43937 12.8102 1.66675 10.9449 1.66675 8.99996C1.66675 7.05504 2.43937 5.18978 3.81463 3.81451C5.1899 2.43925 7.05516 1.66663 9.00008 1.66663C10.945 1.66663 12.8103 2.43925 14.1855 3.81451C15.5608 5.18978 16.3334 7.05504 16.3334 8.99996C16.3334 10.9449 15.5608 12.8102 14.1855 14.1854C12.8103 15.5607 10.945 16.3333 9.00008 16.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.33341 4.99996V4.66663H7.66675V4.99996H7.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M10.3334 4.99996V4.66663H10.6667V4.99996H10.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.33341 13.3333V13H7.66675V13.3333H7.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M10.3334 13.3333V13H10.6667V13.3333H10.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.0001 7.33329H13.3334V7.66663H13.0001V7.33329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.0001 10.3333H13.3334V10.6666H13.0001V10.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.66675 7.33329H5.00008V7.66663H4.66675V7.33329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.66675 10.3333H5.00008V10.6666H4.66675V10.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.33341 10.6666V7.33329H10.6667V10.6666H7.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
