// 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 SvgColorPalette = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33341 6.33335C4.33341 7.57103 4.82508 8.75802 5.70025 9.63315C6.57542 10.5084 7.76241 11 9.00008 11C10.2377 11 11.4247 10.5084 12.2999 9.63315C13.1751 8.75802 13.6667 7.57103 13.6667 6.33335C13.6667 5.09567 13.1751 3.90869 12.2999 3.03352C11.4247 2.15835 10.2377 1.66669 9.00008 1.66669C7.76241 1.66669 6.57542 2.15835 5.70025 3.03352C4.82508 3.90869 4.33341 5.09567 4.33341 6.33335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.66675 11C1.66675 12.2377 2.15841 13.4247 3.03358 14.2998C3.90875 15.175 5.09573 15.6667 6.33341 15.6667C7.57109 15.6667 8.75808 15.175 9.63321 14.2998C10.5084 13.4247 11.0001 12.2377 11.0001 11C11.0001 9.76235 10.5084 8.57535 9.63321 7.70022C8.75808 6.82502 7.57109 6.33335 6.33341 6.33335C5.09573 6.33335 3.90875 6.82502 3.03358 7.70022C2.15841 8.57535 1.66675 9.76235 1.66675 11Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.00008 11C7.00008 12.2377 7.49175 13.4247 8.36695 14.2998C9.24208 15.175 10.4291 15.6667 11.6667 15.6667C12.9044 15.6667 14.0914 15.175 14.9665 14.2998C15.8417 13.4247 16.3334 12.2377 16.3334 11C16.3334 9.76235 15.8417 8.57535 14.9665 7.70022C14.0914 6.82502 12.9044 6.33335 11.6667 6.33335C10.4291 6.33335 9.24208 6.82502 8.36695 7.70022C7.49175 8.57535 7.00008 9.76235 7.00008 11Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
