// 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 SvgPlugs = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.81466 13.185C1.77326 12.1436 1.77326 10.4552 2.81466 9.41385L4.22887 7.99964L8.00014 11.7708L6.5859 13.185C5.5445 14.2264 3.85606 14.2264 2.81466 13.185ZM2.81466 13.185L0.791016 15.2096M13.1854 2.81398C12.144 1.77258 10.4556 1.77258 9.4142 2.81398L8 4.2282L11.7712 7.99944L13.1854 6.58522C14.2268 5.54382 14.2268 3.85538 13.1854 2.81398ZM13.1854 2.81398L15.209 0.790344M5.17155 8.94271L7.5286 6.58566M7.05727 10.8281L9.41434 8.47111"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
