// 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 SvgStoryButton = ({
  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 9.00008C1.66675 13.0501 4.94999 16.3334 9.00008 16.3334C13.0501 16.3334 16.3334 13.0501 16.3334 9.00008C16.3334 4.94999 13.0501 1.66675 9.00008 1.66675M1.81355 7.53341C1.93711 6.92475 2.13605 6.34347 2.40019 5.79972M4.60005 3.13273C4.04473 3.54984 3.55056 4.04395 3.13338 4.59922M7.53338 1.81339C6.92467 1.93695 6.34334 2.13591 5.79956 2.40009M5.00008 9.00008C5.00008 10.0609 5.42151 11.0784 6.17165 11.8285C6.9218 12.5787 7.93922 13.0001 9.00008 13.0001C10.0609 13.0001 11.0784 12.5787 11.8285 11.8285C12.5787 11.0784 13.0001 10.0609 13.0001 9.00008C13.0001 7.93922 12.5787 6.9218 11.8285 6.17165C11.0784 5.42151 10.0609 5.00008 9.00008 5.00008C7.93922 5.00008 6.9218 5.42151 6.17165 6.17165C5.42151 6.9218 5.00008 7.93922 5.00008 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
