// 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 SvgStraightCap = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.66675 10C3.4041 10 3.14403 9.94827 2.90138 9.84776C2.65873 9.74725 2.43825 9.59993 2.25253 9.41421C2.06682 9.2285 1.9195 9.00802 1.81899 8.76537C1.71848 8.52272 1.66675 8.26264 1.66675 8C1.66675 7.73736 1.71848 7.47728 1.81899 7.23463C1.9195 6.99198 2.06682 6.7715 2.25253 6.58579C2.43825 6.40007 2.65873 6.25275 2.90138 6.15224C3.14403 6.05173 3.4041 6 3.66675 6M3.66675 10C3.92939 10 4.18946 9.94827 4.43212 9.84776C4.67477 9.74725 4.89524 9.59993 5.08096 9.41421C5.26668 9.2285 5.414 9.00802 5.51451 8.76537C5.61502 8.52272 5.66675 8.26264 5.66675 8M3.66675 10V14H17.0001M5.66675 8C5.66675 7.73736 5.61502 7.47728 5.51451 7.23463C5.414 6.99198 5.26668 6.7715 5.08096 6.58579C4.89524 6.40007 4.67477 6.25275 4.43212 6.15224C4.18946 6.05173 3.92939 6 3.66675 6M5.66675 8H17.0001M3.66675 6V2H17.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
