// 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 SvgHbo = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.6665 7.99999V5.33332H9.6665C10.4029 5.33332 10.9998 5.93028 10.9998 6.66666C10.9998 7.40306 10.4029 7.99999 9.6665 7.99999M7.6665 7.99999H9.6665M7.6665 7.99999V10.6667H9.6665C10.4029 10.6667 10.9998 10.0697 10.9998 9.33332C10.9998 8.59692 10.4029 7.99999 9.6665 7.99999M1.6665 4.66666V11.3333M4.99984 4.66666V11.3333M1.6665 7.99999H4.99984M12.9998 5.41734C13.2129 5.36249 13.4363 5.33332 13.6665 5.33332C15.1392 5.33332 16.3332 6.52723 16.3332 7.99999C16.3332 9.47272 15.1392 10.6667 13.6665 10.6667C13.4363 10.6667 13.2129 10.6375 12.9998 10.5827M13.6665 8.33332C13.4824 8.33332 13.3332 8.18406 13.3332 7.99999C13.3332 7.81592 13.4824 7.66666 13.6665 7.66666C13.8506 7.66666 13.9998 7.81592 13.9998 7.99999C13.9998 8.18406 13.8506 8.33332 13.6665 8.33332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
