// 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 SvgWarpSqueeze = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00027 16.3332C6.05533 16.3332 4.19007 15.5606 2.81481 14.1853C2.40838 13.7788 2.05459 13.3296 1.75781 12.8482C2.4088 12.6636 3.00839 12.3152 3.49535 11.8282C4.2455 11.0781 4.66693 10.0607 4.66693 8.99984C4.66693 7.93897 4.2455 6.92156 3.49535 6.17141C3.00839 5.68445 2.4088 5.33601 1.75781 5.15146C2.05459 4.67003 2.40838 4.22081 2.81481 3.81439C4.19007 2.43912 6.05533 1.6665 8.00027 1.6665C9.9452 1.6665 11.8105 2.43912 13.1857 3.81439C13.5921 4.22081 13.9459 4.67003 14.2427 5.15146C13.5917 5.33601 12.9921 5.68445 12.5051 6.17141C11.755 6.92156 11.3336 7.93897 11.3336 8.99984C11.3336 10.0607 11.755 11.0781 12.5051 11.8282C12.9921 12.3152 13.5917 12.6636 14.2427 12.8482C13.9459 13.3296 13.5921 13.7788 13.1857 14.1853C11.8105 15.5606 9.9452 16.3332 8.00027 16.3332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
