// 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 SvgOpera = ({
  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="M16.3332 8.99999C16.3332 10.9449 15.5606 12.8102 14.1853 14.1854C12.81 15.5607 10.9448 16.3333 8.99984 16.3333C7.05492 16.3333 5.18965 15.5607 3.81439 14.1854C2.43912 12.8102 1.6665 10.9449 1.6665 8.99999C1.6665 7.05507 2.43912 5.18981 3.81439 3.81454C5.18965 2.43927 7.05492 1.66666 8.99984 1.66666C10.9448 1.66666 12.81 2.43927 14.1853 3.81454C15.5606 5.18981 16.3332 7.05507 16.3332 8.99999ZM16.3332 8.99999C16.3332 10.3614 15.7923 11.6671 14.8297 12.6298C13.867 13.5925 12.5613 14.1333 11.1998 14.1333C9.83839 14.1333 8.53271 13.5925 7.57002 12.6298C6.60734 11.6671 6.0665 10.3614 6.0665 8.99999M16.3332 8.99999C16.3332 7.63855 15.7923 6.33286 14.8297 5.37018C13.867 4.40749 12.5613 3.86666 11.1998 3.86666C9.83839 3.86666 8.53271 4.40749 7.57002 5.37018C6.60734 6.33286 6.0665 7.63855 6.0665 8.99999M6.0665 8.99999C6.0665 11.3497 7.6453 13.3306 9.7999 13.94C11.0311 13.3306 11.9332 11.3497 11.9332 8.99992C11.9332 6.65019 11.0311 4.6692 9.7999 4.0598C7.6453 4.6692 6.0665 6.65026 6.0665 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
