// 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 SvgGuitar = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.10445 11.4929L6.46147 13.8499M7.28517 9.07854C7.18073 9.18297 7.09789 9.30695 7.04137 9.44341C6.98485 9.57986 6.95576 9.72611 6.95576 9.8738C6.95575 10.0215 6.98485 10.1677 7.04137 10.3042C7.09788 10.4406 7.18073 10.5646 7.28516 10.6691C7.3896 10.7735 7.51358 10.8563 7.65003 10.9129C7.78649 10.9694 7.93273 10.9985 8.08043 10.9985C8.22812 10.9985 8.37437 10.9694 8.51082 10.9129C8.64727 10.8563 8.77126 10.7735 8.87569 10.6691C8.98013 10.5646 9.06297 10.4406 9.11949 10.3042C9.17601 10.1677 9.2051 10.0215 9.20511 9.87379C9.20511 9.7261 9.17602 9.57985 9.1195 9.4434C9.06298 9.30695 8.98013 9.18296 8.8757 9.07853C8.77126 8.97409 8.64728 8.89125 8.51083 8.83473C8.37438 8.77821 8.22813 8.74912 8.08043 8.74912C7.93274 8.74912 7.78649 8.77821 7.65004 8.83474C7.51359 8.89126 7.38961 8.9741 7.28517 9.07854ZM14.082 6.33739L12.9354 6.56671L11.7038 8.11592C12.548 9.23419 12.4606 10.832 11.4416 11.851L11.2356 12.0571C10.8277 12.4649 10.3497 12.7599 9.84036 12.9421C9.70069 13.7695 9.31156 14.5631 8.67303 15.2017C7.31077 16.5639 5.10213 16.5639 3.73988 15.2017L2.75325 14.2151C1.39101 12.8528 1.39101 10.6441 2.75325 9.28186C3.39172 8.64339 4.18513 8.25432 5.01244 8.11459C5.19459 7.60514 5.48964 7.12703 5.89761 6.71905L6.10367 6.513C7.12266 5.49401 8.72049 5.40663 9.83876 6.25086L11.3854 5.02123L11.6155 3.87081L13.4866 1.99973L15.9532 4.4663L14.082 6.33739Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
