// 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 SvgCapFront = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00009 1.77865C5.31817 1.77865 2.33341 4.76341 2.33341 8.44533V10.2971M9.00009 1.77865C12.682 1.77865 15.6668 4.76341 15.6668 8.44533V10.2971M9.00009 1.77865C6.12583 3.79061 5.80755 6.86827 6.01645 8.44673M9.00009 1.77865C11.8728 3.78957 12.1927 6.86507 11.9844 8.44427M2.33341 10.2971C2.13214 10.4579 1.83972 10.7543 1.66669 10.9997V12.6664C3.14817 11.9257 6.77785 11.3333 9.00009 11.3333C11.2223 11.3333 14.852 11.9259 16.3334 12.6667V11C16.1604 10.7547 15.868 10.4579 15.6668 10.2971M2.33341 10.2971C3.44452 9.5564 5.29631 8.07553 9.00002 8.07553C12.7038 8.07553 14.5556 9.5564 15.6668 10.2971"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
