// 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 SvgSink = ({
  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="M4.00016 9.33331V1.33332L8.00016 1.33331V3.33331M1.3335 9.33331H14.6668V10.6666C14.6668 12.8758 12.876 14.6666 10.6668 14.6666H5.3335C3.12436 14.6666 1.3335 12.8758 1.3335 10.6666V9.33331ZM8.00016 6.66665C7.85123 6.66665 7.66683 6.54591 7.66683 6.39697C7.66683 6.35511 7.67656 6.31382 7.6953 6.27637L8.00016 5.83331L8.30503 6.27637C8.32376 6.31382 8.3335 6.35511 8.3335 6.39697C8.3335 6.54591 8.1491 6.66665 8.00016 6.66665Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
