// 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 SvgShipmentFavorite = ({
  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.00004 1.35742V4.69075M1.33337 4.66667H14.6667M7.29377 7.41587L8.00024 8.12234L8.70671 7.41587C9.29197 6.8306 10.2409 6.8306 10.8262 7.41587C11.4114 8.00107 11.4114 8.95 10.8262 9.53527L8.00024 12.3611L5.17434 9.53527C4.58907 8.95 4.58907 8.00107 5.17434 7.41587C5.7596 6.8306 6.70851 6.8306 7.29377 7.41587ZM1.33337 14.6907V3.92948L3.66671 1.35742H12.3334L14.6667 3.92948V14.6907H1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
