// 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 SvgFlipHorizontalCircle = ({
  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="M13.7605 3.42183C13.4226 3.13351 13.0569 2.87455 12.6669 2.64934C12.2768 2.42413 11.8697 2.23695 11.4511 2.0885M15.9115 6.54959C15.7631 6.13096 15.5759 5.72387 15.3507 5.33379C15.1255 4.94373 14.8665 4.57807 14.5782 4.24019M16.2112 7.66696C16.2919 8.10376 16.3334 8.54989 16.3334 9.00029C16.3334 9.45069 16.2919 9.89683 16.2112 10.3336M15.9115 11.4508C15.7631 11.8694 15.5759 12.2766 15.3507 12.6666C15.1255 13.0567 14.8665 13.4224 14.5782 13.7602M13.7598 14.5788C13.4219 14.8671 13.0563 15.126 12.6662 15.3512C12.2761 15.5764 11.8691 15.7636 11.4504 15.9121M3.81463 3.81451C5.1899 2.43924 7.05516 1.66663 9.00008 1.66663V16.3333C7.05516 16.3333 5.18989 15.5607 3.81463 14.1854C2.43936 12.8102 1.66675 10.9449 1.66675 8.99996C1.66675 7.05504 2.43936 5.18978 3.81463 3.81451Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
