// 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 SvgStoneSpa = ({
  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="M3.33333 3.66669C3.33333 4.19712 3.68452 4.70583 4.30964 5.0809C4.93477 5.45597 5.78261 5.66669 6.66667 5.66669C7.55072 5.66669 8.39857 5.45597 9.02369 5.0809C9.64881 4.70583 10 4.19712 10 3.66669C10 3.13625 9.64881 2.62755 9.02369 2.25247C8.39857 1.8774 7.55072 1.66669 6.66667 1.66669C5.78261 1.66669 4.93477 1.8774 4.30964 2.25247C3.68452 2.62755 3.33333 3.13625 3.33333 3.66669Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8 11C4.68629 11 2 12.8762 2 15.1905C2 15.5867 2.07873 15.97 2.22585 16.3334H13.7741C13.9213 15.97 14 15.5867 14 15.1905C14 12.8762 11.3137 11 8 11Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.66667 8.33335C4.66667 9.0406 5.15833 9.71888 6.0335 10.219C6.90867 10.7191 8.09566 11 9.33333 11C10.571 11 11.758 10.7191 12.6332 10.219C13.5083 9.71888 14 9.0406 14 8.33335C14 7.62611 13.5083 6.94783 12.6332 6.44774C11.758 5.94764 10.571 5.66669 9.33333 5.66669C8.09566 5.66669 6.90867 5.94764 6.0335 6.44774C5.15833 6.94783 4.66667 7.62611 4.66667 8.33335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
