// 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 SvgPaintingBoard = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14 11.3333H2V2H14V11.3333ZM14 11.3333L4 11.3333L9.4546 6L14 10.4445V11.3333ZM0 11.3333H16M8 2V0M3.33333 15.7267L5.33333 11.3333M10.6667 11.3333L12.6667 15.7267M5.33358 5.66741C5.14908 5.66741 4.99951 5.51784 4.99951 5.33334C4.99951 5.14884 5.14908 4.99927 5.33358 4.99927C5.51808 4.99927 5.66715 5.14883 5.66715 5.33333C5.66715 5.51783 5.51808 5.66741 5.33358 5.66741Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
