// 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 SvgLifebuoy = ({
  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="M2.33317 2.33332L7.11426 7.11442M15.6664 2.33332L10.8854 7.11436M10.8854 10.8856L15.6665 15.6667M7.11433 10.8855L2.33317 15.6667M8.9999 11.6665C7.5272 11.6665 6.33333 10.4727 6.33333 8.99992C6.33333 7.5272 7.5272 6.33332 8.9999 6.33332C10.4726 6.33332 11.6665 7.5272 11.6665 8.99992C11.6665 10.4727 10.4726 11.6665 8.9999 11.6665ZM1.6665 8.99999C1.6665 10.9449 2.43912 12.8102 3.81439 14.1855C5.18966 15.5607 7.05492 16.3333 8.99984 16.3333C10.9448 16.3333 12.81 15.5607 14.1853 14.1855C15.5606 12.8102 16.3332 10.9449 16.3332 8.99999C16.3332 7.05507 15.5606 5.18981 14.1853 3.81454C12.81 2.43928 10.9448 1.66666 8.99984 1.66666C7.05492 1.66666 5.18966 2.43928 3.81439 3.81454C2.43912 5.18981 1.6665 7.05507 1.6665 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
