import * as React from "react";

/**
 * lucide's `square-arrow-right-enter`, drawn here because our lucide-react does not carry it yet.
 *
 * It is in lucide - Spencer had it on screen in their gallery - but `lucide-react@0.563.0` ships
 * only `square-arrow-right`, whose arrow sits wholly inside a closed square. This one's square is
 * open on the left and the arrow crosses into it, which is the difference that makes it mean
 * "go into this" rather than "points right". `log-in` is the near neighbour and is not the same
 * mark either: its bracket is only the right-hand side of a square.
 *
 * WHEN LUCIDE-REACT IS NEXT BUMPED, delete this and import the real one. The geometry below is
 * lucide's own, copied verbatim from the icon's source, and it is ISC licensed like the rest of
 * the set - so this is the same drawing, not an imitation of it.
 *
 * Shaped like a lucide component on purpose: it takes a className, sizes off it, and paints in
 * `currentColor`, so a call site treats it exactly as it treats every other icon.
 */
export function SquareArrowRightEnter({
  className,
  ...props
}: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      className={className}
      {...props}
    >
      <path d="m10 16 4-4-4-4" />
      <path d="M3 12h11" />
      <path d="M3 8V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3" />
    </svg>
  );
}