// 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 SvgWarpShellUpper = ({
  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="M1.33325 7.66683C3.59185 7.9929 5.33376 9.98463 5.33376 12.3335C5.33376 13.1835 5.06365 13.9804 4.66658 14.6668H11.3333C10.9362 13.9804 10.6671 13.1835 10.6671 12.3335C10.6671 9.98456 12.408 7.9929 14.6666 7.66683C14.5172 4.11723 11.5868 1.3335 8.00045 1.3335C4.41409 1.3335 1.48265 4.11723 1.33325 7.66683Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
