// 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 SvgSprayPaint = ({
  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="M1.33325 6.33342H9.33325V16.3334H1.33325V6.33342Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33325 1.66675H7.33325V6.33341H3.33325V1.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M10.9994 4.00091C10.8149 4.00091 10.6653 3.85133 10.6653 3.66683C10.6653 3.48233 10.8149 3.33276 10.9994 3.33276"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M10.9994 3.33276C11.1839 3.33276 11.3333 3.48249 11.3333 3.66699C11.3333 3.85149 11.1839 4.00091 10.9994 4.00091"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.3323 2.33419C14.1481 2.33419 13.9986 2.18479 13.9986 2.00049C13.9986 1.81619 14.1481 1.66679 14.3323 1.66679"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.3323 1.66679C14.5166 1.66679 14.6653 1.81607 14.6653 2.00037C14.6653 2.18466 14.5166 2.33419 14.3323 2.33419"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.3323 5.66589C14.1481 5.66589 13.9986 5.51649 13.9986 5.33219C13.9986 5.14789 14.1481 4.99849 14.3323 4.99849"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.3323 4.99849C14.5166 4.99849 14.6653 5.14777 14.6653 5.33207C14.6653 5.51637 14.5166 5.66589 14.3323 5.66589"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
