// 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 SvgSecurityUmbrella = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.3333 8.33729H1.66681C1.66681 4.65536 4.65158 1.67059 8.33345 1.67059C11.6741 1.67059 14.4409 4.12775 14.925 7.33335M8.33365 8.33729V15.004H5.00031V13.004M14.6666 10.6667V9.00002M14.6666 17V15.3334M16.3333 11.6667V11.3334C16.3333 10.9652 16.0348 10.6667 15.6666 10.6667H13.6666C13.2984 10.6667 13 10.9652 13 11.3334V11.9535C13 12.2713 13.2243 12.5449 13.5359 12.6072L15.7974 13.0595C16.109 13.1218 16.3333 13.3954 16.3333 13.7132V14.6667C16.3333 15.0349 16.0348 15.3334 15.6666 15.3334H13.6666C13.2984 15.3334 13 15.0349 13 14.6667V14.3334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
