// 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 SvgSafeVault = ({
  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="M4.00001 5.33333V9.33333M10 9.33333C9.46958 9.33333 8.96087 9.12262 8.5858 8.74755C8.21072 8.37247 8.00001 7.86377 8.00001 7.33333C8.00001 6.8029 8.21072 6.29419 8.5858 5.91912C8.96087 5.54405 9.46958 5.33333 10 5.33333M10 9.33333C10.5304 9.33333 11.0392 9.12262 11.4142 8.74755C11.7893 8.37247 12 7.86377 12 7.33333C12 6.8029 11.7893 6.29419 11.4142 5.91912C11.0392 5.54405 10.5304 5.33333 10 5.33333M10 9.33333V10.6667M10 5.33333V4M8.26794 6.33333L7.11321 5.66667M11.732 8.33333L12.8867 9M8.26794 8.33333L7.11321 9M11.732 6.33333L12.8867 5.66667M3.00001 12.6667V15.3333M13 12.6667V15.3333M1.33334 12.6667V2H14.6667V12.6667H1.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
