// 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 SvgUserNftProfilePicture = ({
  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="M13.3334 14.6668L16.2734 8.00016L13.3334 1.3335H4.66673L1.7334 8.00016L4.66673 14.6668M13.3334 14.6668H4.66673M13.3334 14.6668L14.1825 12.7412C13.6851 12.3866 11.9577 11.3322 9.00008 11.3322C6.04536 11.3322 4.31835 12.3845 3.81905 12.7402L4.66673 14.6668M6.33408 6.66616C6.33408 7.01627 6.40304 7.36294 6.53702 7.6864C6.67099 8.00985 6.86737 8.30375 7.11493 8.55131C7.36249 8.79887 7.65639 8.99525 7.97985 9.12923C8.3033 9.2632 8.64997 9.33216 9.00008 9.33216C9.35018 9.33216 9.69686 9.2632 10.0203 9.12923C10.3438 8.99525 10.6377 8.79887 10.8852 8.55131C11.1328 8.30375 11.3292 8.00985 11.4631 7.6864C11.5971 7.36294 11.6661 7.01627 11.6661 6.66616C11.6661 6.31606 11.5971 5.96938 11.4631 5.64593C11.3292 5.32247 11.1328 5.02858 10.8852 4.78102C10.6377 4.53346 10.3438 4.33708 10.0203 4.2031C9.69686 4.06912 9.35018 4.00016 9.00008 4.00016C8.64997 4.00016 8.3033 4.06912 7.97985 4.2031C7.65639 4.33708 7.36249 4.53346 7.11493 4.78102C6.86737 5.02858 6.67099 5.32247 6.53702 5.64593C6.40304 5.96938 6.33408 6.31606 6.33408 6.66616Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
