// 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 SvgArrowRotateRightSquare = ({
  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="M11.3333 6.66666C10.5757 5.83333 9.81818 4.66666 7.99998 4.66666C7.11591 4.66666 6.26808 5.01785 5.64296 5.64297C5.01783 6.26809 4.66665 7.11593 4.66665 7.99999C4.66665 8.88406 5.01783 9.73193 5.64296 10.357C6.26808 10.9821 7.11591 11.3333 7.99998 11.3333C8.88405 11.3333 9.73191 10.9821 10.357 10.357C10.8226 9.89146 11.1362 9.30226 11.266 8.66666M11.3333 6.66666L11.3333 3.99999M11.3333 6.66666L8.66665 6.66666M1.33331 1.33333H14.6666V14.6667H1.33331V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
