// 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 SvgFlipVerticalCircle2 = ({
  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.42195 13.7604C3.13363 13.4225 2.87467 13.0568 2.64946 12.6668C2.42425 12.2767 2.23707 11.8696 2.08862 11.451M6.54971 15.9118C6.13108 15.7633 5.72399 15.5761 5.33391 15.3509C4.94385 15.1257 4.57819 14.8668 4.24031 14.5784M7.66675 16.2111C8.10355 16.2918 8.54968 16.3333 9.00008 16.3333C9.45048 16.3333 9.89662 16.2918 10.3334 16.2111M11.4506 15.9118C11.8692 15.7633 12.2763 15.5761 12.6664 15.3509C13.0565 15.1257 13.4221 14.8668 13.76 14.5784M14.5782 13.7604C14.8665 13.4225 15.1255 13.0568 15.3507 12.6668C15.5759 12.2767 15.7631 11.8696 15.9115 11.451M3.81463 3.81451C2.43937 5.18978 1.66675 7.05504 1.66675 8.99996H16.3334C16.3334 7.05504 15.5608 5.18978 14.1855 3.81451C12.8103 2.43924 10.945 1.66663 9.00008 1.66663C7.05516 1.66663 5.1899 2.43924 3.81463 3.81451Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
