// 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 SvgToiletPaper = ({
  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="M9.3335 4.99998C9.3335 7.02505 10.5274 8.66665 12.0002 8.66665C13.4729 8.66665 14.6668 7.02505 14.6668 4.99998C14.6668 2.97493 13.4729 1.33331 12.0002 1.33331M9.3335 4.99998C9.3335 2.97493 10.5274 1.33331 12.0002 1.33331M9.3335 4.99998L9.3335 14.6666H1.3335V5.33331C1.3335 3.12417 3.12436 1.33331 5.3335 1.33331H12.0002M12.0002 4.33331V5.66665M1.3335 10.6666H3.3335M4.3335 10.6666H6.3335M9.3335 10.6666H7.3335"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
