// 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 SvgShareAlike = ({
  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="M5.00008 7.54553C5.90917 6.54553 6.81826 5.00008 9.00008 5.00008C10.0609 5.00008 11.0783 5.42151 11.8285 6.17165C12.5787 6.9218 13.0001 7.93921 13.0001 9.00008C13.0001 10.0609 12.5787 11.0783 11.8285 11.8285C11.0783 12.5787 10.0609 13.0001 9.00008 13.0001C7.93921 13.0001 6.9218 12.5787 6.17165 11.8285C5.58053 11.2374 5.19352 10.4803 5.05601 9.66675M5.00008 7.54553L4.99996 6.0909M5.00008 7.54553L6.45451 7.54545M1.66675 9.00008C1.66675 10.945 2.43937 12.8103 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8103 16.3334 10.945 16.3334 9.00008C16.3334 7.05516 15.5608 5.1899 14.1855 3.81463C12.8103 2.43937 10.945 1.66675 9.00008 1.66675C7.05516 1.66675 5.1899 2.43937 3.81463 3.81463C2.43937 5.1899 1.66675 7.05516 1.66675 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
