// 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 SvgSosHelpEmergencySign = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.14501 6.20792V6.04956C5.14501 5.606 4.80435 5.24642 4.38414 5.24642H2.42762C2.00741 5.24642 1.66675 5.606 1.66675 6.04956V7.3334C1.66675 7.70154 1.96523 8.00007 2.33342 8.00007H4.47834C4.84653 8.00007 5.14501 8.29854 5.14501 8.66674V9.95054C5.14501 10.3941 4.80435 10.7537 4.38414 10.7537H2.42761C2.0074 10.7537 1.66675 10.3941 1.66675 9.95054V9.7436M16.3335 6.20792V6.04956C16.3335 5.606 15.9928 5.24642 15.5726 5.24642H13.6161C13.1959 5.24642 12.8552 5.606 12.8552 6.04956V7.3334C12.8552 7.70154 13.1537 8.00007 13.5219 8.00007H15.6668C16.035 8.00007 16.3335 8.29854 16.3335 8.66674V9.95054C16.3335 10.3941 15.9928 10.7537 15.5726 10.7537H13.6161C13.1959 10.7537 12.8552 10.3941 12.8552 9.95054V9.7436M7.26099 6.04956L7.26099 9.95054C7.26098 10.3941 7.60163 10.7537 8.02188 10.7537H9.97835C10.3986 10.7537 10.7392 10.3941 10.7392 9.95054V6.04956C10.7392 5.606 10.3986 5.24642 9.97835 5.24642H8.02188C7.60165 5.24642 7.26099 5.606 7.26099 6.04956Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
