// 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 SvgLandscapeView = ({
  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="M6.63977 12.9998H1.66675V1.6665H13.0001V8.99984M1.66675 11.6665L5.66675 7.6665L8.33341 10.3332M12.3334 14.3332V12.9998M9.33341 3.99984C8.59701 3.99984 8.00008 4.59679 8.00008 5.33317C8.00008 6.06955 8.59701 6.6665 9.33341 6.6665C10.0698 6.6665 10.6667 6.06955 10.6667 5.33317C10.6667 4.59679 10.0698 3.99984 9.33341 3.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,
    },
  )
