// 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 SvgContactPhonebook2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0.666504 4.33335H3.99984M0.666504 9.00002H3.99984M0.666504 13.6667H3.99984M6.39257 8.96695C5.87204 8.04962 5.58343 7.0363 5.52672 6.01256L7.33497 5.79591L7.9717 8.02442L6.39257 8.96695ZM6.39257 8.96695C6.6861 9.48429 7.05337 9.97109 7.4943 10.4121C7.9353 10.8531 8.4221 11.2203 8.93944 11.5138M8.93944 11.5138C9.85684 12.0344 10.8701 12.323 11.8938 12.3797L12.1106 10.5712L9.88204 9.93455L8.93944 11.5138ZM2.6665 16.3334V1.66669H14.6665V16.3334H2.6665Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
