// 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 SvgArrowRotateLeftSquare = ({
  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="M4.66665 6.66666C5.42422 5.83333 6.1818 4.66666 7.99998 4.66666C8.88405 4.66666 9.73191 5.01785 10.357 5.64297C10.9821 6.26809 11.3333 7.11593 11.3333 7.99999C11.3333 8.88406 10.9821 9.73193 10.357 10.357C9.73191 10.9821 8.88405 11.3333 7.99998 11.3333C7.11591 11.3333 6.26808 10.9821 5.64296 10.357C5.17737 9.89146 4.86373 9.30226 4.73398 8.66666M4.66665 6.66666V3.99999M4.66665 6.66666L7.33331 6.66666M1.33331 1.33333H14.6666V14.6667H1.33331V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
