// 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 SvgShark = ({
  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="M11.3335 7.33334V1.33334H10.6668C7.3531 1.33334 4.66683 4.01964 4.66683 7.33334M4.66683 13C4.66683 13.9205 5.41302 14.6667 6.3335 14.6667C7.25396 14.6667 8.00016 13.9205 8.00016 13M4.66683 13C4.66683 13.9205 3.92064 14.6667 3.00016 14.6667C2.07969 14.6667 1.3335 13.9205 1.3335 13V12.6667M4.66683 13V12.6667M8.00016 13C8.00016 13.9205 8.74636 14.6667 9.66683 14.6667C10.5873 14.6667 11.3335 13.9205 11.3335 13M8.00016 13V12.6667M11.3335 13C11.3335 13.9205 12.0797 14.6667 13.0002 14.6667C13.9206 14.6667 14.6668 13.9205 14.6668 13V12.6667M11.3335 13V12.6667M4.66683 9.00001C4.66683 9.92048 5.41302 10.6667 6.3335 10.6667C7.25396 10.6667 8.00016 9.92048 8.00016 9.00001M4.66683 9.00001C4.66683 9.92048 3.92064 10.6667 3.00016 10.6667C2.07969 10.6667 1.3335 9.92048 1.3335 9.00001V8.66668M4.66683 9.00001V8.66668M8.00016 9.00001C8.00016 9.92048 8.74636 10.6667 9.66683 10.6667C10.5873 10.6667 11.3335 9.92048 11.3335 9.00001M8.00016 9.00001V8.66668M11.3335 9.00001C11.3335 9.92048 12.0797 10.6667 13.0002 10.6667C13.9206 10.6667 14.6668 9.92048 14.6668 9.00001V8.66668M11.3335 9.00001V8.66668"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
