// 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 SvgShip = ({
  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="M8.00023 0L8.00043 2.66667M3.33349 11.3343L1.33252 9.33333V7.33333H14.6678V9.33333L12.6668 11.3343M4.66683 13C4.66683 13.9205 5.41302 14.6667 6.33349 14.6667C7.25396 14.6667 8.00016 13.9205 8.00016 13M4.66683 13C4.66683 13.9205 3.92063 14.6667 3.00016 14.6667C2.07969 14.6667 1.33349 13.9205 1.33349 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.6667M12.6668 7.33333H3.33341L4.66675 2.66667H11.3334L12.6668 7.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
