// 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 SvgBeach = ({
  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="M11.3335 11.3333V10C11.3335 10 9.3335 8.66667 6.3335 8.66667C3.3335 8.66667 1.3335 10 1.3335 10V11.3333M3.99789 2.66667V9M6.66684 6C6.66684 5.26362 6.06988 4.66667 5.3335 4.66667C4.59712 4.66667 4.00017 5.26362 4.00017 6C4.00017 5.26362 3.40322 4.66667 2.66684 4.66667C1.93046 4.66667 1.3335 5.26362 1.3335 6M6.66684 2.66667C6.66684 1.93029 6.06988 1.33334 5.3335 1.33334C4.59712 1.33334 4.00017 1.93029 4.00017 2.66667C4.00017 1.93029 3.40322 1.33334 2.66684 1.33334C1.93046 1.33334 1.33351 1.93029 1.33351 2.66667M4.66684 13C4.66684 13.9205 5.41303 14.6667 6.3335 14.6667C7.25397 14.6667 8.00017 13.9205 8.00017 13M4.66684 13C4.66684 13.9205 3.92064 14.6667 3.00017 14.6667C2.0797 14.6667 1.3335 13.9205 1.3335 13V12.6667M4.66684 13V12.6667M8.00017 13C8.00017 13.9205 8.74637 14.6667 9.66684 14.6667C10.5873 14.6667 11.3335 13.9205 11.3335 13M8.00017 13V12.6667M11.3335 13C11.3335 13.9205 12.0797 14.6667 13.0002 14.6667C13.9206 14.6667 14.6668 13.9205 14.6668 13V12.6667M11.3335 13V12.6667M12.6668 5.33334C13.7714 5.33334 14.6668 4.4379 14.6668 3.33334C14.6668 2.22877 13.7714 1.33334 12.6668 1.33334C11.5622 1.33334 10.6668 2.22877 10.6668 3.33334C10.6668 4.4379 11.5622 5.33334 12.6668 5.33334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
