import type { ReactNode } from "react";

/**
 * Gate A, condition A1 (board minutes #42, tracked at server-26#46).
 *
 * Gate A blocks putting an unbuilt entitlement claim in front of a reader
 * without saying, inline and on the same screen, that it is not built. Known
 * unbuilt claims today:
 *   - retention windows (7 / 90 / 365 days) — no TTL and no deletion sweep
 *     exists anywhere in the product (server-26#44, DEFERRED.md)
 *   - Enterprise SSO / SAML — no backend at all
 *   - uptime SLA — none offered or measured
 *   - custom data residency — no backend at all
 *
 * This marks the claim. It does NOT build the feature, and nothing here may
 * grow into a price or a checkout path (Gate B still bars charging anyone).
 */
export function UnbuiltMarker({
  children = "Not yet available",
  className,
}: {
  children?: ReactNode;
  className?: string;
}) {
  return (
    <span
      className={[
        "inline-flex items-center whitespace-nowrap rounded-full border border-line-strong",
        "px-1.5 py-0.5 align-middle text-[10px] font-medium uppercase tracking-wide text-ink-muted",
        className ?? "",
      ]
        .filter(Boolean)
        .join(" ")}
    >
      {children}
    </span>
  );
}