import { cn } from "@/lib/utils";

/**
 * Fragment Mono micro-label — the instrumented corner ticks, indices, and
 * metadata strings ("01 / 09", "↳ Beyond 2") that frame the layout like a
 * spec sheet. Quiet by design; rides on currentColor at low opacity.
 */
export function MonoTick({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <span
      className={cn(
        "font-mono text-caption tracking-[0.08em] text-current/55",
        className,
      )}
    >
      {children}
    </span>
  );
}