// 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 SvgChatBubbleOvalLock = ({
  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="M7.66643 8.5V6.50001C7.66643 5.57953 8.41263 4.83333 9.33309 4.83333C10.2536 4.83333 10.9998 5.57953 10.9998 6.50001V8.5M3.01105 11.6719C2.56887 10.7417 2.33311 9.71633 2.33311 8.66666C2.33311 6.81015 3.07061 5.02967 4.38336 3.71692C5.69612 2.40416 7.47659 1.66666 9.33309 1.66666C11.1896 1.66666 12.9701 2.40416 14.2828 3.71692C15.5956 5.02967 16.3331 6.81015 16.3331 8.66666C16.3331 10.5232 15.5956 12.3037 14.2828 13.6164C12.9701 14.9292 11.1896 15.6667 9.33309 15.6667C8.28343 15.6667 7.25808 15.4309 6.32783 14.9887L1.93311 16.0667L3.01105 11.6719ZM6.66643 8.5H11.9998V11.8333H6.66643V8.5Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
