// 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 SvgWordWrapAroundObject = ({
  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="M0.666748 1.3335H15.3334M0.666748 14.6668H15.3334M0.666748 4.66683H4.00008M15.3334 4.66683H12.0001M0.666748 11.3335H4.00008M15.3334 11.3335H12.0001M0.666748 8.00016H2.66675M15.3334 8.00016H13.3334M5.33341 8.00016C5.33341 5.79102 6.52732 4.00016 8.00008 4.00016C9.47281 4.00016 10.6667 5.79102 10.6667 8.00016C10.6667 10.2093 9.47281 12.0002 8.00008 12.0002C6.52732 12.0002 5.33341 10.2093 5.33341 8.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
