// 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 SvgPlate = ({
  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 9.00002C1.66675 10.945 2.43937 12.8102 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8102 16.3334 10.945 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8103 2.43931 10.945 1.66669 9.00008 1.66669C7.05516 1.66669 5.1899 2.43931 3.81463 3.81457C2.43937 5.18984 1.66675 7.0551 1.66675 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.33341 9.00002C4.33341 10.2377 4.82508 11.4247 5.70025 12.2998C6.57542 13.175 7.76241 13.6667 9.00008 13.6667C10.2377 13.6667 11.4247 13.175 12.2999 12.2998C13.1751 11.4247 13.6667 10.2377 13.6667 9.00002C13.6667 7.76235 13.1751 6.57536 12.2999 5.70019C11.4247 4.82502 10.2377 4.33335 9.00008 4.33335C7.76241 4.33335 6.57542 4.82502 5.70025 5.70019C4.82508 6.57536 4.33341 7.76235 4.33341 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
