// 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 SvgProductionBeltTime = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0.666687 11H11.6667C12.9554 11 14 12.0447 14 13.3334C14 14.622 12.9554 15.6667 11.6667 15.6667H0.666687M12 3.33335V5.00002H13.6667M2.66669 13.3334H4.00002M6.00002 13.3334H7.33335M9.33335 13.3334H10.6667M1.16669 6.33335V11H5.83335V6.33335H1.16669ZM8.66669 5.00002C8.66669 5.88407 9.01788 6.73192 9.643 7.35704C10.2681 7.98216 11.116 8.33335 12 8.33335C12.8841 8.33335 13.7319 7.98216 14.357 7.35704C14.9822 6.73192 15.3334 5.88407 15.3334 5.00002C15.3334 4.11597 14.9822 3.26812 14.357 2.643C13.7319 2.01788 12.8841 1.66669 12 1.66669C11.116 1.66669 10.2681 2.01788 9.643 2.643C9.01788 3.26812 8.66669 4.11597 8.66669 5.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
