// 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 SvgImportantField = ({
  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="M6.66683 1.33337H14.6668V6.66671H6.66683V1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.66683 9.33337H14.6668V14.6667H6.66683V9.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.3335 2.66671C1.3335 3.02033 1.47397 3.35947 1.72402 3.60952C1.97407 3.85957 2.31321 4.00004 2.66683 4.00004C3.02045 4.00004 3.35959 3.85957 3.60964 3.60952C3.85969 3.35947 4.00016 3.02033 4.00016 2.66671C4.00016 2.31309 3.85969 1.97395 3.60964 1.7239C3.35959 1.47385 3.02045 1.33337 2.66683 1.33337C2.31321 1.33337 1.97407 1.47385 1.72402 1.7239C1.47397 1.97395 1.3335 2.31309 1.3335 2.66671Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.3335 10.6667C1.3335 11.0203 1.47397 11.3595 1.72402 11.6095C1.97407 11.8596 2.31321 12 2.66683 12C3.02045 12 3.35959 11.8596 3.60964 11.6095C3.85969 11.3595 4.00016 11.0203 4.00016 10.6667C4.00016 10.3131 3.85969 9.97395 3.60964 9.7239C3.35959 9.47385 3.02045 9.33337 2.66683 9.33337C2.31321 9.33337 1.97407 9.47385 1.72402 9.7239C1.47397 9.97395 1.3335 10.3131 1.3335 10.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
