// 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 SvgChangeBackgroundTransparent = ({
  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="M0 1.33333H16M0 4H4.00002M16 4H12M0 6.66667H3.33333M16 6.66667H12.6667M0 9.33333H4M16 9.33333H12M0 12H1.33333M16 12H14.6667M0 14.6667H1.33333M16 14.6667H14.6667M8.00007 10.9009C4.65366 10.9009 2.98047 12.335 2.98047 12.335V14.6655H13.0196V12.335C13.0196 12.335 11.3464 10.9009 8.00007 10.9009ZM5.49067 6.50933C5.49067 7.17485 5.75504 7.81311 6.22563 8.2837C6.69622 8.75429 7.33448 9.01867 8 9.01867C8.66552 9.01867 9.30378 8.75429 9.77437 8.2837C10.245 7.81311 10.5093 7.17485 10.5093 6.50933C10.5093 5.84382 10.245 5.20556 9.77437 4.73497C9.30378 4.26438 8.66552 4 8 4C7.33448 4 6.69622 4.26438 6.22563 4.73497C5.75504 5.20556 5.49067 5.84382 5.49067 6.50933Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
