// 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 SvgReorderDotsHorizontal = ({
  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="M14.6667 3.33325C14.2247 3.33325 13.8008 3.50885 13.4882 3.82141C13.1757 4.13397 13.0001 4.55789 13.0001 4.99992C13.0001 5.44195 13.1757 5.86587 13.4882 6.17843C13.8008 6.49099 14.2247 6.66658 14.6667 6.66658C15.1088 6.66658 15.5327 6.49099 15.8453 6.17843C16.1578 5.86587 16.3334 5.44195 16.3334 4.99992C16.3334 4.55789 16.1578 4.13397 15.8453 3.82141C15.5327 3.50885 15.1088 3.33325 14.6667 3.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.00008 3.33325C8.55805 3.33325 8.13413 3.50885 7.82157 3.82141C7.50901 4.13397 7.33341 4.55789 7.33341 4.99992C7.33341 5.44195 7.50901 5.86587 7.82157 6.17843C8.13413 6.49099 8.55805 6.66658 9.00008 6.66658C9.44211 6.66658 9.86603 6.49099 10.1786 6.17843C10.4912 5.86587 10.6667 5.44195 10.6667 4.99992C10.6667 4.55789 10.4912 4.13397 10.1786 3.82141C9.86603 3.50885 9.44211 3.33325 9.00008 3.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33341 3.33325C2.89139 3.33325 2.46746 3.50885 2.1549 3.82141C1.84234 4.13397 1.66675 4.55789 1.66675 4.99992C1.66675 5.44195 1.84234 5.86587 2.1549 6.17843C2.46746 6.49099 2.89139 6.66658 3.33341 6.66658C3.77544 6.66658 4.19937 6.49099 4.51193 6.17843C4.82449 5.86587 5.00008 5.44195 5.00008 4.99992C5.00008 4.55789 4.82449 4.13397 4.51193 3.82141C4.19937 3.50885 3.77544 3.33325 3.33341 3.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.6667 9.33325C14.2247 9.33325 13.8008 9.50885 13.4882 9.82141C13.1757 10.134 13.0001 10.5579 13.0001 10.9999C13.0001 11.4419 13.1757 11.8659 13.4882 12.1784C13.8008 12.491 14.2247 12.6666 14.6667 12.6666C15.1088 12.6666 15.5327 12.491 15.8453 12.1784C16.1578 11.8659 16.3334 11.4419 16.3334 10.9999C16.3334 10.5579 16.1578 10.134 15.8453 9.82141C15.5327 9.50885 15.1088 9.33325 14.6667 9.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.00008 9.33325C8.55805 9.33325 8.13413 9.50885 7.82157 9.82141C7.50901 10.134 7.33341 10.5579 7.33341 10.9999C7.33341 11.4419 7.50901 11.8659 7.82157 12.1784C8.13413 12.491 8.55805 12.6666 9.00008 12.6666C9.44211 12.6666 9.86603 12.491 10.1786 12.1784C10.4912 11.8659 10.6667 11.4419 10.6667 10.9999C10.6667 10.5579 10.4912 10.134 10.1786 9.82141C9.86603 9.50885 9.44211 9.33325 9.00008 9.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M3.33341 9.33325C2.89139 9.33325 2.46746 9.50885 2.1549 9.82141C1.84234 10.134 1.66675 10.5579 1.66675 10.9999C1.66675 11.4419 1.84234 11.8659 2.1549 12.1784C2.46746 12.491 2.89139 12.6666 3.33341 12.6666C3.77544 12.6666 4.19937 12.491 4.51193 12.1784C4.82449 11.8659 5.00008 11.4419 5.00008 10.9999C5.00008 10.5579 4.82449 10.134 4.51193 9.82141C4.19937 9.50885 3.77544 9.33325 3.33341 9.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
