// 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 SvgAmazon = ({
  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="M12.4715 10.5935H15.3333V13.6341M0.666504 10.7723C1.62043 11.8455 4.45838 13.6341 8.1787 13.6341C11.899 13.6341 14.4985 11.7263 15.3332 10.7723M5.3169 3.79672V3.36582C5.3169 2.81354 5.76462 2.36582 6.3169 2.36582H9.32504C9.8773 2.36582 10.325 2.81354 10.325 3.36582V5.22761M10.325 5.22761V7.0894M10.325 5.22761H6.3169C5.76462 5.22761 5.3169 5.67533 5.3169 6.22761V7.0894C5.3169 7.64167 5.76462 8.0894 6.3169 8.0894H9.32504C9.8773 8.0894 10.325 7.64167 10.325 7.0894M10.325 7.0894L10.3251 5.58534M10.325 7.0894C10.325 7.64167 10.7728 8.0894 11.3251 8.0894H11.756"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
