// 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 SvgReorderDotsVertical = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.33325 3.33341C3.33325 3.77544 3.50885 4.19937 3.82141 4.51193C4.13397 4.82449 4.55789 5.00008 4.99992 5.00008C5.44195 5.00008 5.86587 4.82449 6.17843 4.51193C6.49099 4.19937 6.66658 3.77544 6.66658 3.33341C6.66658 2.89139 6.49099 2.46746 6.17843 2.1549C5.86587 1.84234 5.44195 1.66675 4.99992 1.66675C4.55789 1.66675 4.13397 1.84234 3.82141 2.1549C3.50885 2.46746 3.33325 2.89139 3.33325 3.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33325 9.00008C3.33325 9.44211 3.50885 9.86603 3.82141 10.1786C4.13397 10.4912 4.55789 10.6667 4.99992 10.6667C5.44195 10.6667 5.86587 10.4912 6.17843 10.1786C6.49099 9.86603 6.66658 9.44211 6.66658 9.00008C6.66658 8.55805 6.49099 8.13413 6.17843 7.82157C5.86587 7.50901 5.44195 7.33341 4.99992 7.33341C4.55789 7.33341 4.13397 7.50901 3.82141 7.82157C3.50885 8.13413 3.33325 8.55805 3.33325 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33325 14.6667C3.33325 15.1088 3.50885 15.5327 3.82141 15.8453C4.13397 16.1578 4.55789 16.3334 4.99992 16.3334C5.44195 16.3334 5.86587 16.1578 6.17843 15.8453C6.49099 15.5327 6.66658 15.1088 6.66658 14.6667C6.66658 14.2247 6.49099 13.8008 6.17843 13.4882C5.86587 13.1757 5.44195 13.0001 4.99992 13.0001C4.55789 13.0001 4.13397 13.1757 3.82141 13.4882C3.50885 13.8008 3.33325 14.2247 3.33325 14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.33325 3.33341C9.33325 3.77544 9.50885 4.19937 9.82141 4.51193C10.134 4.82449 10.5579 5.00008 10.9999 5.00008C11.4419 5.00008 11.8659 4.82449 12.1784 4.51193C12.491 4.19937 12.6666 3.77544 12.6666 3.33341C12.6666 2.89139 12.491 2.46746 12.1784 2.1549C11.8659 1.84234 11.4419 1.66675 10.9999 1.66675C10.5579 1.66675 10.134 1.84234 9.82141 2.1549C9.50885 2.46746 9.33325 2.89139 9.33325 3.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.33325 9.00008C9.33325 9.44211 9.50885 9.86603 9.82141 10.1786C10.134 10.4912 10.5579 10.6667 10.9999 10.6667C11.4419 10.6667 11.8659 10.4912 12.1784 10.1786C12.491 9.86603 12.6666 9.44211 12.6666 9.00008C12.6666 8.55805 12.491 8.13413 12.1784 7.82157C11.8659 7.50901 11.4419 7.33341 10.9999 7.33341C10.5579 7.33341 10.134 7.50901 9.82141 7.82157C9.50885 8.13413 9.33325 8.55805 9.33325 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.33325 14.6667C9.33325 15.1088 9.50885 15.5327 9.82141 15.8453C10.134 16.1578 10.5579 16.3334 10.9999 16.3334C11.4419 16.3334 11.8659 16.1578 12.1784 15.8453C12.491 15.5327 12.6666 15.1088 12.6666 14.6667C12.6666 14.2247 12.491 13.8008 12.1784 13.4882C11.8659 13.1757 11.4419 13.0001 10.9999 13.0001C10.5579 13.0001 10.134 13.1757 9.82141 13.4882C9.50885 13.8008 9.33325 14.2247 9.33325 14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
