// 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 SvgDeliveryShipping = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.66669 4.34369L8.73749 1.66669H13.6874L14.7582 4.34369M7.66669 4.34369V8.80542H14.7582V4.34369M7.66669 4.34369H14.7582M11.2123 1.66669V4.34369M0.666687 16.3334H7.66669L14 14.3334V14.072C14 13.1118 13.2216 12.3334 12.2614 12.3334C12.0882 12.3334 11.9158 12.3593 11.7502 12.4102L7.78169 13.6313C7.70542 13.6548 7.62615 13.6667 7.54642 13.6667H4.33335M7.66669 13.6667V11.6667L3.47289 11.0215C2.26027 10.835 1.16669 11.7732 1.16669 13"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
