// 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 SvgDashboardVerticalPillsSplit = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.33325 5.99998H14.6666M1.33325 9.99998H6.66659M14.6666 12V3.99998C14.6666 2.52722 13.4727 1.33331 11.9999 1.33331C10.5272 1.33331 9.33325 2.52722 9.33325 3.99998V12C9.33325 13.4727 10.5272 14.6666 11.9999 14.6666C13.4727 14.6666 14.6666 13.4727 14.6666 12ZM6.66659 12V3.99998C6.66659 2.52722 5.47268 1.33331 3.99992 1.33331C2.52716 1.33331 1.33325 2.52722 1.33325 3.99998V12C1.33325 13.4727 2.52716 14.6666 3.99992 14.6666C5.47268 14.6666 6.66659 13.4727 6.66659 12Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
