// 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 SvgDatabaseBlock = ({
  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="M13.6665 3.66667C13.6665 4.77123 10.9802 5.66667 7.6665 5.66667C4.3528 5.66667 1.6665 4.77123 1.6665 3.66667M13.6665 3.66667C13.6665 2.5621 10.9802 1.66667 7.6665 1.66667C4.3528 1.66667 1.6665 2.5621 1.6665 3.66667M13.6665 3.66667V7C13.6665 8.1046 10.9802 9 7.6665 9C4.3528 9 1.6665 8.1046 1.6665 7M1.6665 3.66667V10.6667C1.6665 11.7713 4.3528 12.6667 7.6665 12.6667M15.4545 15.4547C15.9974 14.9117 16.3332 14.1617 16.3332 13.3333C16.3332 11.6765 14.99 10.3333 13.3332 10.3333C12.5048 10.3333 11.7548 10.6691 11.2118 11.212M15.4545 15.4547C14.9116 15.9975 14.1616 16.3333 13.3332 16.3333C11.6763 16.3333 10.3332 14.9902 10.3332 13.3333C10.3332 12.5049 10.669 11.7549 11.2118 11.212M15.4545 15.4547L11.2118 11.212"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
