// 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 SvgWarpShellLower = ({
  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.33276 8.3335C3.59136 8.00743 5.33327 6.01573 5.33327 3.66683C5.33327 2.81682 5.06316 2.0199 4.6661 1.3335H11.3328C10.9357 2.0199 10.6666 2.81682 10.6666 3.66683C10.6666 6.01573 12.4075 8.00743 14.6661 8.3335C14.5167 11.8831 11.5863 14.6668 7.99995 14.6668C4.4136 14.6668 1.48216 11.8831 1.33276 8.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
