// 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 SvgShipmentSearch = ({
  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.0971 12.8627L9.27608 11.0417M8.00001 1.35742V4.69075M1.33334 4.66667H14.6667M4.90334 9.23067C4.90334 9.91068 5.17348 10.5628 5.65432 11.0437C6.13516 11.5245 6.78733 11.7947 7.46734 11.7947C8.14736 11.7947 8.79952 11.5245 9.28036 11.0437C9.76121 10.5628 10.0313 9.91068 10.0313 9.23067C10.0313 8.55065 9.76121 7.89849 9.28036 7.41765C8.79952 6.9368 8.14736 6.66667 7.46734 6.66667C6.78733 6.66667 6.13516 6.9368 5.65432 7.41765C5.17348 7.89849 4.90334 8.55065 4.90334 9.23067ZM1.33334 14.6907V3.92948L3.66668 1.35742H12.3333L14.6667 3.92948V14.6907H1.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
