// 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 SvgChrome = ({
  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="M9.00001 6.80192H15.9981M9.00001 6.80192C9.58295 6.80192 10.142 7.03357 10.5542 7.44578C10.9664 7.85798 11.198 8.41705 11.198 9C11.198 9.58295 10.9664 10.142 10.5542 10.5542C10.142 10.9664 9.58295 11.198 9.00001 11.198C8.41706 11.198 7.85799 10.9664 7.44579 10.5542C7.03358 10.142 6.80201 9.58295 6.80201 9C6.80201 8.41705 7.03358 7.85798 7.44579 7.44578C7.85799 7.03357 8.41706 6.80192 9.00001 6.80192ZM10.0191 10.9449L6.52898 15.898M6.84975 9.4636L4.01856 3.63281M1.67334 9C1.67334 10.9432 2.44525 12.8067 3.81927 14.1807C5.19329 15.5548 7.05685 16.3267 9.00001 16.3267C10.9432 16.3267 12.8067 15.5548 14.1807 14.1807C15.5548 12.8067 16.3267 10.9432 16.3267 9C16.3267 8.03785 16.1372 7.08512 15.769 6.19621C15.4008 5.30729 14.8611 4.49961 14.1807 3.81926C13.5004 3.13892 12.6927 2.59924 11.8038 2.23104C10.9149 1.86284 9.96216 1.67333 9.00001 1.67333C8.03785 1.67333 7.08512 1.86284 6.19621 2.23104C5.3073 2.59924 4.49961 3.13892 3.81927 3.81926C3.13893 4.49961 2.59925 5.30729 2.23105 6.19621C1.86285 7.08512 1.67334 8.03785 1.67334 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
