// 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 SvgInstagram = ({
  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="M1.3335 1.33334H14.6668V14.6667H1.3335V1.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.00016 8.00001C5.00016 8.79566 5.31623 9.55872 5.87884 10.1213C6.44145 10.6839 7.20451 11 8.00016 11C8.79581 11 9.55887 10.6839 10.1215 10.1213C10.6841 9.55872 11.0002 8.79566 11.0002 8.00001C11.0002 7.20436 10.6841 6.4413 10.1215 5.87869C9.55887 5.31608 8.79581 5.00001 8.00016 5.00001C7.20451 5.00001 6.44145 5.31608 5.87884 5.87869C5.31623 6.4413 5.00016 7.20436 5.00016 8.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.6668 3.66668H12.0002V4.00001H11.6668V3.66668Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
