// 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 SvgBowTie = ({
  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.37078 5.89193L1.71811 3.63086V12.3691L7.37078 10.1081M10.6292 5.89193L16.2819 3.63086V12.3691L10.6292 10.1081M6.33334 8C6.33334 8.70724 6.61429 9.38552 7.11439 9.88562C7.61449 10.3857 8.29277 10.6667 9.00001 10.6667C9.70725 10.6667 10.3855 10.3857 10.8856 9.88562C11.3857 9.38552 11.6667 8.70724 11.6667 8C11.6667 7.29276 11.3857 6.61448 10.8856 6.11438C10.3855 5.61429 9.70725 5.33333 9.00001 5.33333C8.29277 5.33333 7.61449 5.61429 7.11439 6.11438C6.61429 6.61448 6.33334 7.29276 6.33334 8Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
