// 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 SvgMedicines = ({
  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="M9.14185 9.10813L12.3821 12.3484M1.33325 4.66667H7.99992M1.33325 4.66667C1.33325 5.55072 1.68444 6.39857 2.30956 7.02369C2.93468 7.64881 3.78253 8 4.66658 8C5.55064 8 6.39849 7.64881 7.02361 7.02369C7.64873 6.39857 7.99992 5.55072 7.99992 4.66667M1.33325 4.66667C1.33325 3.78261 1.68444 2.93477 2.30956 2.30964C2.93468 1.68452 3.78253 1.33333 4.66658 1.33333C5.55064 1.33333 6.39849 1.68452 7.02361 2.30964C7.64873 2.93477 7.99992 3.78261 7.99992 4.66667M7.43079 10.8193L10.854 7.39607C11.7489 6.50222 13.1989 6.50252 14.0933 7.397C14.9878 8.29147 14.9881 9.74147 14.0943 10.6363L10.6741 14.0565C10.6731 14.0575 10.6721 14.0585 10.671 14.0596C9.77625 14.9543 8.32552 14.9543 7.43079 14.0596C6.53599 13.1648 6.53599 11.7141 7.43079 10.8193Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
