// 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 SvgOxygen = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.0001 14.4435C10.1669 14.8071 9.26008 15 8.33341 15C6.56531 15 4.86961 14.2976 3.61937 13.0474C2.36913 11.7971 1.66675 10.1015 1.66675 8.33334C1.66675 6.56523 2.36913 4.86954 3.61937 3.61929C4.86961 2.36905 6.56531 1.66667 8.33341 1.66667C10.1015 1.66667 11.7972 2.36905 13.0475 3.61929C14.2977 4.86954 15.0001 6.56523 15.0001 8.33334C15.0001 8.78454 14.9543 9.23107 14.8654 9.66667M16.3334 15.6667H13.0001V14.8258C13.0001 14.5941 13.1373 14.3844 13.3496 14.2915L15.3172 13.4307C15.5295 13.3378 15.6667 13.1282 15.6667 12.8964V12.2498C15.6667 11.9277 15.4055 11.6667 15.0834 11.6667H13.5834C13.2613 11.6667 13.0001 11.9279 13.0001 12.25V12.6672M6.33341 6.20834V10.4583C6.33341 10.9416 6.72517 11.3333 7.20841 11.3333H9.45841C9.94168 11.3333 10.3334 10.9416 10.3334 10.4583V6.20834C10.3334 5.72509 9.94168 5.33334 9.45841 5.33334H7.20841C6.72517 5.33334 6.33341 5.72509 6.33341 6.20834Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
