// 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 SvgUserStory = ({
  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="M1.66675 8.99984C1.66675 13.0499 4.94999 16.3332 9.00008 16.3332C13.0501 16.3332 16.3334 13.0499 16.3334 8.99984C16.3334 4.94975 13.0501 1.6665 9.00008 1.6665M1.81355 7.53317C1.93711 6.92451 2.13605 6.34322 2.40019 5.79948M4.60021 3.13248C4.04489 3.5496 3.55072 4.04371 3.13355 4.59898M7.53338 1.81315C6.92467 1.93671 6.34334 2.13567 5.79956 2.39985M3.20581 13.4948C3.96777 13.0022 5.89919 11.9998 9.00001 11.9998C12.1009 11.9998 14.0323 13.0022 14.7943 13.4948M5.99875 7.0025C5.99875 7.79851 6.31496 8.56191 6.87782 9.12477C7.44068 9.68763 8.20408 10.0038 9.00008 10.0038C9.79608 10.0038 10.5595 9.68763 11.1223 9.12477C11.6852 8.56191 12.0014 7.79851 12.0014 7.0025C12.0014 6.2065 11.6852 5.4431 11.1223 4.88024C10.5595 4.31738 9.79608 4.00117 9.00008 4.00117C8.20408 4.00117 7.44068 4.31738 6.87782 4.88024C6.31496 5.4431 5.99875 6.2065 5.99875 7.0025Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
