// 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 SvgUserExperienceDesign = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.33341 11.3334C5.33341 11.3334 7.00008 10.3334 9.00008 10.3334C11.0001 10.3334 12.6667 11.3334 12.6667 11.3334M6.33342 2.16878C7.17536 1.84011 8.07875 1.66675 9.00008 1.66675C9.92141 1.66675 10.8248 1.84011 11.6667 2.16878M11.6667 15.8314C10.8248 16.1601 9.92141 16.3334 9.00008 16.3334C8.07875 16.3334 7.17536 16.1601 6.33342 15.8314M15.8314 6.33342C16.1601 7.17536 16.3334 8.07875 16.3334 9.00008C16.3334 9.92141 16.1601 10.8248 15.8314 11.6667M2.16878 11.6667C1.84011 10.8248 1.66675 9.92141 1.66675 9.00008C1.66675 8.07875 1.84011 7.17536 2.16878 6.33342M7.33275 6.66741C7.33275 6.88637 7.37587 7.10319 7.45967 7.30548C7.54346 7.50777 7.66627 7.69157 7.8211 7.8464C7.97593 8.00122 8.15973 8.12404 8.36202 8.20783C8.56431 8.29162 8.78112 8.33475 9.00008 8.33475C9.21904 8.33475 9.43585 8.29162 9.63814 8.20783C9.84043 8.12404 10.0242 8.00122 10.1791 7.8464C10.3339 7.69157 10.4567 7.50777 10.5405 7.30548C10.6243 7.10319 10.6674 6.88637 10.6674 6.66741C10.6674 6.44846 10.6243 6.23164 10.5405 6.02935C10.4567 5.82706 10.3339 5.64326 10.1791 5.48843C10.0242 5.33361 9.84043 5.21079 9.63814 5.127C9.43585 5.04321 9.21904 5.00008 9.00008 5.00008C8.78112 5.00008 8.56431 5.04321 8.36202 5.127C8.15973 5.21079 7.97593 5.33361 7.8211 5.48843C7.66627 5.64326 7.54346 5.82706 7.45967 6.02935C7.37587 6.23164 7.33275 6.44846 7.33275 6.66741ZM2.50138 2.50155H4.83179V4.83195H2.50138V2.50155ZM13.0001 3.66675C13.0001 2.93037 13.597 2.33341 14.3334 2.33341C15.0698 2.33341 15.6667 2.93037 15.6667 3.66675C15.6667 4.40313 15.0698 5.00008 14.3334 5.00008C13.597 5.00008 13.0001 4.40313 13.0001 3.66675ZM2.33341 14.3334C2.33341 13.597 2.93037 13.0001 3.66675 13.0001C4.40313 13.0001 5.00008 13.597 5.00008 14.3334C5.00008 15.0698 4.40313 15.6667 3.66675 15.6667C2.93037 15.6667 2.33341 15.0698 2.33341 14.3334ZM13.1667 13.1667H15.5001V15.5001H13.1667V13.1667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
