import type { ReactNode } from "react";

/**
 * O React estável do Jest não exporta <ViewTransition> (só o canary do Next). Para conferir as props dele:
 * `jest.mock("react", () => jest.requireActual("@/__mocks__/view-transition-probe").reactWithProbe());`
 * O dublê põe `name`, `share` e `default` num <div> em volta dos filhos (data-vt-name, data-vt-share, data-vt-default).
 */
export function reactWithProbe() {
  const actual = jest.requireActual("react");
  function ViewTransition({
    children,
    name,
    share,
    default: fallback,
  }: {
    children?: ReactNode;
    name?: string;
    share?: string;
    default?: string;
  }) {
    return actual.createElement(
      "div",
      {
        "data-vt-name": name,
        "data-vt-share": share,
        "data-vt-default": fallback,
      },
      children,
    );
  }
  return { ...actual, ViewTransition };
}