// 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 SvgFlipHorizontalCircle2 = ({
  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="M4.23967 3.42183C4.57754 3.13351 4.94319 2.87455 5.33327 2.64934C5.72333 2.42413 6.13043 2.23695 6.54907 2.0885M2.08862 6.54959C2.23707 6.13096 2.42425 5.72387 2.64946 5.33379C2.87467 4.94373 3.13363 4.57807 3.42195 4.24019M1.78895 7.66696C1.70819 8.10376 1.66675 8.54989 1.66675 9.00029C1.66675 9.45069 1.70819 9.89683 1.78895 10.3336M2.08862 11.4508C2.23707 11.8694 2.42425 12.2766 2.64946 12.6666C2.87467 13.0567 3.13363 13.4224 3.42195 13.7602M4.24031 14.5788C4.57819 14.8671 4.94385 15.126 5.33391 15.3512C5.72399 15.5764 6.13107 15.7636 6.54971 15.9121M14.1855 3.81451C12.8103 2.43924 10.945 1.66663 9.00008 1.66663V16.3333C10.945 16.3333 12.8103 15.5607 14.1855 14.1854C15.5608 12.8102 16.3334 10.9449 16.3334 8.99996C16.3334 7.05504 15.5608 5.18978 14.1855 3.81451Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
