// 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 SvgMonthlyCalendar = ({
  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="M1.33325 5.33341H14.6666M3.99992 0.666748V2.66675M11.9999 0.666748V2.66675M5.66548 9.83342H6.58336M6.58336 9.83342H6.74992C7.07205 9.83342 7.33325 10.0944 7.33325 10.4166V11.4167C7.33325 11.7389 7.07205 12.0001 6.74992 12.0001H5.24992C4.92775 12.0001 4.66658 11.7389 4.66658 11.4167V11.0001M6.58336 9.83342C6.90552 9.83342 7.16658 9.57228 7.16658 9.25015V8.58341C7.16658 8.26121 6.90539 8.00008 6.58325 8.00008H5.41658C5.09442 8.00008 4.83325 8.26128 4.83325 8.58341V9.00062M10.5479 7.33341V12.0001M9.09592 8.73328H9.45892C10.0603 8.73328 10.5479 8.24575 10.5479 7.64435M11.9998 12.0001H9.09592M1.33325 2.66675H14.6666V14.6667H1.33325V2.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
