// 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 SvgPortraitSetting1 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.81295 12.0002V10.0392H7.13452V7.66473C7.13452 7.66473 7.81295 7.15593 9.00015 7.15593C10.1873 7.15593 10.8658 7.66473 10.8658 7.66473V10.0392H10.1873V12.0002M1.66675 2H16.3334V14H1.66675L1.66675 2ZM7.66675 5.66667C7.66675 6.02029 7.80722 6.35943 8.05727 6.60948C8.30732 6.85952 8.64646 7 9.00008 7C9.3537 7 9.69284 6.85952 9.94289 6.60948C10.1929 6.35943 10.3334 6.02029 10.3334 5.66667C10.3334 5.31304 10.1929 4.97391 9.94289 4.72386C9.69284 4.47381 9.3537 4.33333 9.00008 4.33333C8.64646 4.33333 8.30732 4.47381 8.05727 4.72386C7.80722 4.97391 7.66675 5.31304 7.66675 5.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
