// 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 SvgImageSaturation = ({
  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="M2 10.3332C2 11.9245 2.63214 13.4506 3.75736 14.5759C4.88258 15.7011 6.4087 16.3332 8 16.3332C9.59127 16.3332 11.1174 15.7011 12.2427 14.5759C13.3679 13.4506 14 11.9245 14 10.3332C14 8.74196 13.3679 7.21581 12.2427 6.09059C11.1174 4.96537 8 1.93323 8 1.93323C8 1.93323 4.88258 4.96537 3.75736 6.09059C2.63214 7.21581 2 8.74196 2 10.3332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.6427 12.69C5.01755 12.0649 4.66634 11.2171 4.66634 10.333C4.66634 9.44896 5.01755 8.60109 5.6427 7.97596C6.19361 7.42507 7.60413 5.98503 7.93133 5.66656L7.99987 5.66663V13.6664C7.11573 13.6664 6.26785 13.3152 5.6427 12.69Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
