// 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 SvgCakeSlice = ({
  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="M6.0808 2.58579C6.26652 2.7715 6.41383 2.99198 6.51434 3.23463C6.61485 3.47728 6.66658 3.73736 6.66658 4C6.66658 4.26264 6.61485 4.52272 6.51434 4.76537C6.41383 5.00802 6.26652 5.2285 6.0808 5.41421C5.89508 5.59993 5.6746 5.74725 5.43195 5.84776C5.1893 5.94827 4.92923 6 4.66659 6C4.40394 6 4.14387 5.94827 3.90122 5.84776C3.65857 5.74725 3.43809 5.59993 3.25237 5.41421C3.06665 5.2285 2.91934 5.00802 2.81883 4.76537C2.71832 4.52272 2.66659 4.26264 2.66659 4C2.66659 3.73736 2.71832 3.47728 2.81883 3.23463C2.91934 2.99198 3.06665 2.7715 3.25237 2.58579C3.43809 2.40007 3.65857 2.25275 3.90122 2.15224C4.14387 2.05173 4.40394 2 4.66659 2C4.92923 2 5.1893 2.05173 5.43195 2.15224C5.6746 2.25275 5.89508 2.40007 6.0808 2.58579ZM6.0808 2.58579L7.66658 1M1.33325 10H14.6666M1.33325 6.66667H14.6666V14.6667H1.33325V6.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
