// 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 SvgFigma = ({
  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="M7.99984 1.33456H5.88881C4.66146 1.33456 3.6665 2.32952 3.6665 3.55687C3.6665 4.78421 4.66146 5.77917 5.88881 5.77917M7.99984 1.33456V5.77917M7.99984 1.33456H10.1108C11.3382 1.33456 12.3332 2.32952 12.3332 3.55687C12.3332 4.78421 11.3382 5.77917 10.1108 5.77917H7.99984M7.99984 5.77917H5.88881M7.99984 5.77917V10.2238M5.88881 5.77917C4.66146 5.77917 3.6665 6.77421 3.6665 8.00154C3.6665 9.22888 4.66146 10.2238 5.88881 10.2238H7.99984M7.99984 10.2238L5.88738 10.2237C4.66082 10.2237 3.6665 11.2181 3.6665 12.4446V12.4988C3.6665 13.6954 4.63655 14.6655 5.83317 14.6655C7.02977 14.6655 7.99984 13.6954 7.99984 12.4988V10.2238ZM7.99984 8.00134C7.99984 8.59066 8.22811 9.15583 8.63444 9.57254C9.04077 9.98924 9.59187 10.2233 10.1665 10.2233C10.7411 10.2233 11.2922 9.98924 11.6986 9.57254C12.1049 9.15583 12.3332 8.59066 12.3332 8.00134C12.3332 7.41203 12.1049 6.84686 11.6986 6.43015C11.2922 6.01345 10.7411 5.77934 10.1665 5.77934C9.59187 5.77934 9.04077 6.01345 8.63444 6.43015C8.22811 6.84686 7.99984 7.41203 7.99984 8.00134Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
