// 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 SvgBusinessProgressBar = ({
  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="M7.33335 7.33336V10.6667M7.33335 10.6667C7.68698 10.6667 8.02611 10.8072 8.27616 11.0572C8.52621 11.3073 8.66669 11.6464 8.66669 12M7.33335 10.6667C6.97973 10.6667 6.64059 10.8072 6.39054 11.0572C6.1405 11.3073 6.00002 11.6464 6.00002 12M6.00002 12C6.00002 12.3536 6.1405 12.6928 6.39054 12.9428C6.64059 13.1929 6.97973 13.3334 7.33335 13.3334C7.68698 13.3334 8.02611 13.1929 8.27616 12.9428C8.52621 12.6928 8.66669 12.3536 8.66669 12M6.00002 12H0.666687M8.66669 12H14M11.6667 9.33336L14.3334 12L11.6667 14.6667M3.00002 7.33336V1.33588H11.6667V7.33336H3.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
