// 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 SvgOctopus = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33325 9.99999V11.3333C1.33325 12.0697 1.93021 12.6667 2.66659 12.6667C3.40297 12.6667 3.99992 12.0697 3.99992 11.3333V9.33333L2.66658 7.99999V6.66666C2.66658 3.72114 5.05439 1.33333 7.99992 1.33333C10.9455 1.33333 13.3333 3.72114 13.3333 6.66666V7.99999L11.9999 9.33333V11.3333C11.9999 12.0697 12.5969 12.6667 13.3333 12.6667C14.0697 12.6667 14.6666 12.0697 14.6666 11.3333V9.99999M6.66658 10V11.3333C6.66658 13.5425 4.87573 15.3333 2.66659 15.3333H1.99992M9.33325 10V11.3333C9.33325 13.5425 11.1241 15.3333 13.3333 15.3333H13.9999M5.99992 6.66666V8.66659M9.99992 6.66666V8.66673"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
