// 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 SvgPaintPalette = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.81463 14.1855C2.43937 12.8103 1.66675 10.945 1.66675 9.00008C1.66675 7.05516 2.43937 5.1899 3.81463 3.81463C5.1899 2.43937 7.05516 1.66675 9.00008 1.66675C10.945 1.66675 12.8103 2.43937 14.1855 3.81463C15.5608 5.1899 16.3334 7.05516 16.3334 9.00008C16.3334 10.1697 16.0539 11.3106 15.5321 12.3334H13.0001C10.7909 12.3334 9.00008 14.1243 9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.91711 5.89246C6.64077 5.89246 6.41675 5.66844 6.41675 5.39209C6.41675 5.11574 6.64077 4.89172 6.91711 4.89172"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.91711 4.89172C7.19346 4.89172 7.41675 5.11562 7.41675 5.39197C7.41675 5.66831 7.19346 5.89246 6.91711 5.89246"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.0837 5.89246C10.8074 5.89246 10.5834 5.66844 10.5834 5.39209C10.5834 5.11574 10.8074 4.89172 11.0837 4.89172"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.0837 4.89172C11.3601 4.89172 11.5834 5.11562 11.5834 5.39197C11.5834 5.66831 11.3601 5.89246 11.0837 5.89246"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.1684 9.50085C12.8921 9.50085 12.6681 9.27685 12.6681 9.00045C12.6681 8.72411 12.8921 8.50011 13.1684 8.50011"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.1684 8.50011C13.4447 8.50011 13.6681 8.72401 13.6681 9.00035C13.6681 9.27668 13.4447 9.50085 13.1684 9.50085"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.83508 9.50085C4.55874 9.50085 4.33471 9.27685 4.33471 9.00045C4.33471 8.72411 4.55874 8.50011 4.83508 8.50011"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.83508 8.50011C5.11143 8.50011 5.33471 8.72401 5.33471 9.00035C5.33471 9.27668 5.11143 9.50085 4.83508 9.50085"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
