// 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 SvgPortraitView = ({
  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="M1.66675 11.9259C3.27743 10.8162 5.22955 10.1665 7.33341 10.1665C7.78548 10.1665 8.23055 10.1965 8.66675 10.2546M6.33341 12.9998H1.66675V1.6665H13.0001V8.99984M12.3334 14.3332V12.9998M5.16675 5.99984C5.16675 6.57447 5.39502 7.12557 5.80135 7.5319C6.20768 7.93823 6.75878 8.1665 7.33341 8.1665C7.90805 8.1665 8.45915 7.93823 8.86548 7.5319C9.27181 7.12557 9.50008 6.57447 9.50008 5.99984C9.50008 5.4252 9.27181 4.8741 8.86548 4.46777C8.45915 4.06144 7.90805 3.83317 7.33341 3.83317C6.75878 3.83317 6.20768 4.06144 5.80135 4.46777C5.39502 4.8741 5.16675 5.4252 5.16675 5.99984ZM12.3334 10.9998C10.7047 10.9998 9.88895 12.3332 8.66675 13.6665C9.88895 14.9998 10.7047 16.3332 12.3334 16.3332C13.9621 16.3332 14.7778 14.9998 16.0001 13.6665C14.7778 12.3332 13.9621 10.9998 12.3334 10.9998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
