// 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 SvgHeading6ParagraphStylesHeading = ({
  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="M12.3334 11.4166H15.4584C15.9417 11.4166 16.3334 11.8084 16.3334 12.2916V13.7916C16.3334 14.2749 15.9417 14.6666 15.4584 14.6666H13.2084C12.7251 14.6666 12.3334 14.2749 12.3334 13.7916V11.4166ZM12.3334 11.4166V9.54163C12.3334 9.05836 12.7251 8.66663 13.2084 8.66663H15.4584C15.9417 8.66663 16.3334 9.05836 16.3334 9.54163V10.1666M1.66675 15.3333V0.666626M9.66675 0.666626V15.3333M1.66675 7.49996H9.66675"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
